Please enable JavaScript.
Coggle requires JavaScript to display documents.
React Roadmap 2024, Link Title - Coggle Diagram
React Roadmap 2024
Fundamentals
useState Hook
Conditional Rendering
Lists and Keys
State
Porps
Styling Components
Event Handlings
React Fragment
Form Handlings
Import and Export Components
Composition vs Inheritance
JSX
Component Lifecycle
Function Components
useEffect Hook
Vite React App
Ecosystem
State Management
Zustand / Redux Toolkit
TanStack Query / RTK Query
Routing
React Router
TanStack Router
Styling
Styled Components/ Emotion
Tailwind CSS
Material UI / Mantine / Shadon
Forms
React Hook Form
TanStack Form
Testing
Vitest + React Testing Library
Playwright / Cypress
Misc
TypeScript
Storybook
React i18Next
Next Steps
Next.js
React Native
Link Title
Advanced Topics
HTTP Request
GET
POST
PUT / PATCH
DELETE
Context
createContext
useContext
Refs
useRef
forwardRef
Hooks
useReducer
use
useOptimistic
Optional
useDebugValue
useId
useImperactiveHandle
useInsertionEffect
useLayoutEffect
useSyncExternalStore
Error Boundaries
Components
Profiler
StrictMode
Suspense
Performance
useMemo
useCallback
useTransition
useDeferredValue
memo
lazy
startTransition
Portals
React Server Components
cache
useFormState
useFormStatus