Please enable JavaScript.
Coggle requires JavaScript to display documents.
REACT 2024 - Coggle Diagram
REACT 2024
Fundamentals
State
useState Hook
Props
Conditional Rendering
Styling Components
List 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
EcoSystem
Forms
TanStack Form
React Hook Form
Testing
Vitest + React Testing Library
Playwright/ Cypress
Styling
Material UI/ Maritine /Shadcn
Styled Components / Emotion
Tailwind CSS
Misc
StoryBook
React i18 Next
TypeScript
Firebase / Supabase
Routing
React Router
TanStack Router
Next Steps
Next.js
React Native
State Management
Zustand / Redux Toolkit
TanStack Query / RTK Query
Advanced Topics
Refs
useRef
forwardRef
Context
createContext
useContext
Hooks
useOptimistic
Custom Hooks
use
Optional
useImperativeHandle
useInsertionEffect
useId
useLayoutEffect
useDebugValue
useSyncExternalStore
useReducer
HTTP Requests
POST
PUT/PATCH
GET
DELETE
Components
Strict Mode
Suspense
Profiler
Performance
useDefferedValue
memo
useTransition
lazy
useCallback
startTransition
useMemo
React server Components
useFormState
useFormStatus
cache