React roadmap
Islombek (mavzular muallifi: Azizbek Jonibekov)Basics
- JSX and the difference between regular HTML
- State, props and their difference
- Understanding the concept of "props are read-only" and how it leads to one-way data flow.
- The difference between functional and class components
- Understanding how React detects changes (aka reactivity in React)
- Why React need keys?
- Understanding component lifecycle methods
- Lifting state up
- Understanding the concept of state as a snapshot
Context
- Understand when to use Context API (sharing data that can be considered “global”).
- Learn how to create a context using React.createContext.
- Understand how to use Provider and Consumer components.
Hooks
- useState, useEffect, useCallback, useMemo, useContext, useRef, useReducer
- Rescrictions of hooks
- Custom hooks
- useState lazy initialization (optional)
Advanced
- Render props pattern
- HOC pattern
- Memoization
- Understanding Code splitting
- Suspense for declarative data fetching
- Using TypeScript with React
- SSR (Next.js)
- React Server Components
React libraries (muhimrog'i teparoqda)
- React router
- React query
- Redux/Zustand/Jotai (any state management library)
Mavzular Azizbek Jonibekov tavsiyasi bo'yicha tanlandi.