React JS : RoadMap 2022 Fundamentals & Advance

Rizqi Reza Ardiansyah
Agustus 27, 2022

 

React JS Concept

  1. Fundamentals
  2. Advance Concepts
  3. Ecosystem
  4. Misc & Next Steps

1 Fundamentals

  • Create React App
  • Function Components
  • Class Components (Optional)
  • JSX
  • Props & State
  • useState & useEffect Hooks
  • setState
  • Component LifeCycle Methods
  • Conditional Rendering
  • List and Keys
  • Building Simple Forms
  • Composition
  • Inheritance

2 Advanced

  • Context
  • Refs
  • Error Boundaries
  • Portals
  • Render Props
  • HTTPS Request
    • GET
    • POST 
  • HOOKS
    • useContext
    • useReducer
    • useRef
    • useMemo
    • useCallback
    • Custom Hooks
  • Higher Order Components
  • Reconciliation

3 Ecosystem

  • State Management
    • Redux/Mobx/Recoil
    • Apollo Client
    • React Query
  • Routing
    • React Location
    • React Router
  • Styling
    • Styled Components / Emotion
    • Tailwind CSS
    • Chakra UI / Material UI / Ant Design
  • Forms
    • Formik
    • React Hook Form
  • Testing
    • Jest + React Testing Library
    • Cypress

4 Misc & Next Steps

  • Misc
    • TypeScript
    • StoryBook
    • React i/8 Next
    • Firebase
    • Superbase
    • Practical React Libraries
  • Next Steps
    • Gatsby
    • Next.js
    • Remix
    • React Native