Please enable JavaScript.
Coggle requires JavaScript to display documents.
ReactJS (Components (Data Management (Patterns (Events (Performance…
ReactJS
Components
'Tricks'
Refs
Portals
Hooks
Types
Classed-based
Lifecycle methods
16.3<
16.3
React Fiber
Stop initial render blocking
componentWillMount!
One way to do things
Pure Component
Controlled v Uncontrolled
'stateless'/functional
JSX
Keys
Lists
Data Management
Patterns
Events
Performance
Testing
Shallow rendering
Jest/Enzyme
Accessibility
Future
Idiomatic JS
Concurrent mode
Suspense for data fetching
More Hook support
Profiling
Virtualise long lists
v8 thing
...
Code splitting - dynamic importing
Route based
Component based
Immutable data structures
Using CRA for opt build
Avoid reconcilliation - sCUpdated
Synthetic
event pool
Container/component (smart/dumb)
Wrapping uncontrolled (Netflix)
Sharing stateful logic
Lifting state up
Mixins -> HOCs -> Render Props
-> Hooks
Reducers to manage internal state (hooks?)
Context
Redux/flux
Data
Props
State
Philosophies
Declarative
Unidirectional data flow
Flexible
'view layer'
RN, VR, Desktop, Runtime...
Web stack (redux/flux...)