Redwood Cells
E697366
Redwood Cells are a core RedwoodJS abstraction that encapsulates data fetching, loading and error states, and UI rendering into a single, declarative component.
Statements (45)
| Predicate | Object |
|---|---|
| instanceOf |
RedwoodJS abstraction
ⓘ
frontend architectural pattern ⓘ |
| aimsTo |
reduce boilerplate code
ⓘ
simplify data fetching in components ⓘ standardize loading and error handling ⓘ |
| belongsToEcosystem | Jamstack NERFINISHED ⓘ |
| dataSource |
GraphQL queries
ⓘ
RedwoodJS GraphQL API NERFINISHED ⓘ |
| defaultExport | Cell component ⓘ |
| designedFor | React-based applications ⓘ |
| documentationURL | https://redwoodjs.com/docs/cells ⓘ |
| encapsulates |
UI rendering
ⓘ
data fetching ⓘ error states ⓘ loading states ⓘ |
| encourages | cohesive UI and data logic ⓘ |
| fileExtension |
.cell.jsx
ⓘ
.cell.tsx ⓘ |
| follows | co-located data and UI pattern ⓘ |
| handles |
empty data state
ⓘ
network error state ⓘ network loading state ⓘ successful data state ⓘ |
| implementedWith | React components ⓘ |
| introducedBy | RedwoodJS core team NERFINISHED ⓘ |
| lifecycleStage | build-time and runtime rendering ⓘ |
| partOf | RedwoodJS framework NERFINISHED ⓘ |
| patternName | Cell ⓘ |
| promotes |
convention over configuration
ⓘ
separation of concerns ⓘ |
| relatedConcept |
RedwoodJS GraphQL SDL
NERFINISHED
ⓘ
RedwoodJS routes NERFINISHED ⓘ RedwoodJS services ⓘ |
| requiresExport |
Empty
ⓘ
Failure ⓘ Loading ⓘ QUERY ⓘ Success ⓘ |
| supports |
JavaScript
NERFINISHED
ⓘ
TypeScript NERFINISHED ⓘ declarative component structure ⓘ |
| typicalLocation | web/src/components directory ⓘ |
| usedFor |
component-level data fetching
ⓘ
page-level data fetching ⓘ |
| usedIn | RedwoodJS web side ⓘ |
Referenced by (1)
Full triples — surface form annotated when it differs from this entity's canonical label.