Skip to content

Instantly share code, notes, and snippets.

@btbytes

btbytes/reactstudy.md

Last active August 14, 2024 14:02
Show Gist options
  • Save btbytes/4b31a9b92b2684da7b2b1b17a12a5288 to your computer and use it in GitHub Desktop.
Save btbytes/4b31a9b92b2684da7b2b1b17a12a5288 to your computer and use it in GitHub Desktop.
Download ZIP
React Study Plan for those who Hate it
Raw
reactstudy.md

Unwitting React

20-Hour React Study Plan for those who hate it

1. React Fundamentals (3 hours)

  • Components and JSX
  • Props and state
  • Lifecycle methods (not required if you use functional components - hook)
  • 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 (not after 19)
  • Code splitting and lazy loading
  • Profiling and debugging

6. Data Loading and Caching Library (2 hours)

7. Server-Side Rendering (2 hours)

  • SSR vs. SSG
  • React Router

8. Advanced Patterns (2 hours)

  • Compound components
  • Render functions

References

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment