React Learning Path - Topics
Fundamentals
- React Fragment
- Styling Components
- Props
- State
- useState Hook
- Conditional Rendering
- Lists and Keys
- Event Handling
- Form Handling
- Composition vs Inheritance
- Component Lifecycle
- useEffect Hook
Advanced Topics
- HTTP Requests
- GET
- POST
- PUT / PATCH
- DELETE
- Context
- createContext
- useContext
- Refs
- useRef
- forwardRef
- Hooks
- useReducer
- use
- useOptimistic
- Custom Hooks
- Optional
- useDebugValue
- useId
- useImperativeHandle
- useInsertionEffect
- useLayoutEffect
- useSyncExternalStore
- Error Boundaries
- Portals
- Components
- Profiler
- StrictMode
- Suspense
- useMemo
- useCallback
- useTransition
- useDeferredValue
- memo
Ecosystem
- State Management
- Zustand / Redux Toolkit
- TanStack Query / RTK Query
- Routing
- React Router
- TanStack Router
- Styling
- Styled Components / Emotion
- Tailwind CSS
- Material UI / Mantine / Shadcn
- Forms
- React Hook Form
- TanStack Form
- Testing
- Vitest + React Testing Library
- Playwright / Cypress
- Misc
- TypeScript
- Storybook
- React i18Next
- Firebase / Supabase
- [Link]
- Next Steps
- React Native