Please enable JavaScript.
Coggle requires JavaScript to display documents.
React JS (16/17), React 19 (Dec 2024), React 18 - Coggle Diagram
React JS (16/17)
Hooks
useState
useEffect
useContext
useCallback
useReducer
userMemo
useRef
seLayoutEffect
Fundamental
Components
Class Components :check:
Functional Components
Import/Export Components
Props & Passing Props
State
Stateless /Stateful Compoents
State Management
Conditional Rendering
LifecycleMethods
componentDidMount()
componentDidUpdate()
componentWillUnmount()
shouldComponentUpdate()
getDerivedStateFromProps
getSnapshotBeforeUpdate
Why ? How ? :check:
React 19 (Dec 2024)
Concurrent Mode 2.0
React Server Components
Hooks 2.0
Recoil 1.0
Enhanced TypeScript Support
Performance Optimizations
Automatic Batching
New Compiler
Improved Form Handling
React 18
React 18 Hooks
useId
useDeferredValue
useTransition
useSyncExternalStore
useInsertionEffect
Automatic Batching
Transition API | startTransition()
Concurrent Rendering