Please enable JavaScript.
Coggle requires JavaScript to display documents.
REACT 2024 - Coggle Diagram
REACT 2024
Fundamentals
State
useState Hook
Props
Conditional Rendering
Styling Components
Lists and Keys
React Fragment
Event Handling
Import and Export Components
Form Handling
JSX
Composition vs Inheritance
Function Components
Component Lifecycle
Vite React App
useEffect Hook
Advanced
Context
createContext
useContext
Refs
useRef
forwardRef
HTTP Requests
POST
PUT/PATCH
GET
Hooks
use
useOptimistic
useReducer
Custom Hooks
Optional
useImperativeHandle
useInsertionEffect
useId
useLayoutEffect
useDebugValue
useSyncExternalStore
Error Boundaries
Portals
Components
StrictMode
Suspense
Profiler
Performance
useMemo
useCallback
useTransition
useDeferredValue
memo
lazy
startTransition
React Server Components
cache
useFormState
useFormStatus
Ecosystem
Forms
React Hook Form
TanStack Form
Testing
Vitest + React Testing Library
Playwright / Cypress
Styling
Styled Components /Emotion
Tailwind CSS
Material UI / Mantine / Shadcn
Misc
Storybook
React i18Next
TypeScript
Firebase / Superbase
Routing
React Router
TanStack Router
Next Steps
Next.js
React Native
State Management
Zustand / Redux Toolkit
TanStack Query / RTK Query
https://www.youtube.com/watch?v=FKtw0dEb9wA