Skip to content

Instantly share code, notes, and snippets.

@btbytes
Last active August 14, 2024 14:02
Show Gist options
  • Select an option

  • Save btbytes/4b31a9b92b2684da7b2b1b17a12a5288 to your computer and use it in GitHub Desktop.

Select an option

Save btbytes/4b31a9b92b2684da7b2b1b17a12a5288 to your computer and use it in GitHub Desktop.
React Study Plan for those who Hate it

20-Hour React Study Plan for those who hate it

1. React Fundamentals (3 hours)

  • Components and JSX
  • Props and state
  • Lifecycle methods
  • Hooks (useState, useEffect)

2. Advanced React Concepts (4 hours)

  • Context API
  • Higher-Order Components (HOCs)
  • Render props
  • Custom hooks
  • Error boundaries

3. State Management (3 hours)

  • Redux basics
  • Redux Toolkit
  • Recoil or Jotai (alternative state management)

4. Routing (2 hours)

  • React Router
  • Navigation and route parameters
  • Nested routes

5. Performance Optimization (2 hours)

  • React.memo
  • useMemo and useCallback
  • Code splitting and lazy loading
  • Profiling and debugging

6. Testing (2 hours)

  • Jest and React Testing Library
  • Unit and integration tests
  • Mocking

7. Server-Side Rendering (2 hours)

  • Next.js basics
  • SSR vs. SSG

8. Advanced Patterns (2 hours)

  • Compound components
  • Render functions
  • State machines with XState
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment