A to Z
Glossary
Every concept in this sheet, plus the smaller terms it uses. Select a concept to open its card.
C
- Closures and stale values
- A closure is a function that remembers the variables from where it was created.
- Core components
- React Native renders real native views.
D
- Declarative UI
- You describe what the screen should look like for the current state, and the framework works out what to change on screen.
- Discriminated unions
- A union of object types that share one literal field, such as
status.
F
- Flexbox and StyleSheet
- Layout uses Flexbox, like CSS, with numbers in density-independent pixels.
H
- Hot reload and previews
- Tools that show code changes in a running app or an editor preview within a second or two, without rebuilding the whole app.
I
- Immutable updates with spread
- Instead of changing an array or object in place, you create a new one with the spread operator
...,maporfilter.
L
- Lazy lists
- A lazy list only builds the rows currently on screen, plus a few ahead, and recycles them as you scroll.
M
- Modules and npm
- Each file is a module that uses
importandexport.
O
- Optional chaining and nullish coalescing
a?.breturnsundefinedinstead of throwing whenais null or undefined.
P
- Platform design guidelines
- Material Design 3 is Google's design system for Android, and the Human Interface Guidelines are Apple's rules for iOS.
- Promises and async/await
- A Promise represents a result that arrives later.
R
- Rows, columns and stacks
- The basic layout containers place children horizontally, vertically or on top of each other, with spacing and alignment options.
S
- Safe areas and screen sizes
- Safe areas, or insets, are the parts of the screen not covered by the notch, status bar, camera cutout or gesture bar.
T
- Text input and forms
- A text field shows a value from state and reports every change back.
- Theming and dark mode
- A theme defines colours, typography and shapes in one place.
- Types, interfaces and unions
- TypeScript adds static types to JavaScript.