Skip to main content

Course

Roadmap - https://www.youtube.com/watch?v=Ip_jOSpThSg

https://roadmap.sh/react

https://github.com/adam-golab/react-developer-roadmap

Coding Questions

https://www.testdome.com/d/react-js-interview-questions/304

https://www.testdome.com/questions/57704?generatorId=104&questionIds=57704,45258,56768&type=FromTest

https://www.toptal.com/react/interview-questions

Course

https://www.freecodecamp.org/news/getting-started-with-react-a-modern-project-based-guide-for-beginners-including-hooks-2

https://www.freecodecamp.org/news/best-react-javascript-tutorial

https://www.freecodecamp.org/news/react-10-hour-course

https://www.freecodecamp.org/news/build-a-shopping-cart-with-react-and-typescript

https://www.freecodecamp.org/news/learn-all-about-micro-frontends

Completed

https://www.youtube.com/watch?v=sfmL6bGbiN8&ab_channel=freeCodeCamp.org

https://github.com/deepaksood619/react-shopping-cart

Advanced - https://www.youtube.com/watch?v=m_u6P5k0vP0

Other - https://www.youtube.com/watch?v=8GXXGJRDMdQ

https://www.youtube.com/playlist?list=PLZlA0Gpn_vH_NT5zPVp18nGe_W9LqBDQK

Project - https://www.freecodecamp.org/news/how-to-build-a-quiz-app-using-react-and-typescript

https://www.freecodecamp.org/news/solidify-your-react-skills-by-building-15-projects

https://www.freecodecamp.org/news/react-beginner-handbook

https://www.freecodecamp.org/news/learn-react-js-in-this-free-7-hour-course

https://www.freecodecamp.org/news/code-a-dictionary-with-react-and-material-ui

https://www.freecodecamp.org/news/learn-react-by-building-an-ecommerce-site

Export html to pdf - https://www.telerik.com/blogs/generating-pdf-react-easy-as-1-2-3

https://www.robinwieruch.de/react-hooks-fetch-data

TODO project - Learn React In 30 Minutes

https://github.com/enaqx/awesome-react

https://www.freecodecamp.org/news/free-react-course-2022

https://www.freecodecamp.org/news/create-a-portfolio-with-react-featuring-cool-animations

https://www.freecodecamp.org/news/build-a-google-docs-clone-with-react-and-firebase

Reference Projects

https://github.com/taniarascia/takenote

https://codewithnico.com/production-ready-react-apps

https://madewithreact.com

https://scrimba.com/g/glearnreact

https://www.youtube.com/watch?v=DLX62G4lc44

  • Components
  • JSX
  • State
  • Props
  • Event Handling
  • Styling
  • Lifecycle Methods
  • HTTP
  • Forms
  • Advanced
    • Fragments
    • Children
    • Higher-Order Components (HOCs)
    • Render Props
    • Context
    • Optimizations (PureComponents, Dynamic Imports, React.lazy, React.Suspense, React.memo)
    • Hooks
    • React Router

Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks

  • JSX Rules
  • Nested Components And Tools
  • CSS Basics
  • JSX CSS
  • JSX Javascript
  • Props
  • Props Destructuring
  • Props - Children
  • Simple List
  • Proper List
  • Key Prop And Spread Operator
  • Event Basics
  • Import And Export Statements
  • Free Hosting
  • UseState - Simple Use Case
  • UseState - Basics
  • General Rules Of Hooks
  • UseState - Array Example
  • UseState - Object Example
  • UseState - Multiple State Values
  • Simple Counter
  • Functional Update Form
  • Matching Project
  • useEffect - Basics
  • useEffect - Conditional
  • useEffect - Dependency List
  • useEffect - Cleanup Function
  • useEffect - Fetch Data
  • Multiple Returns
  • Multiple Returns - Fetching Data
  • Short - Circuit Evaluation
  • Ternary Operator
  • Show/Hide Component
  • Form Basics
  • Controlled Inputs
  • Add Item To The List
  • Multiple Inputs
  • useRef
  • useReducer - UseState Setup
  • useReducer - Refactor
  • useReducer - Add Item
  • useReducer - Remove Item
  • Prop Drilling
  • Context API / - useContext
  • Custom Hooks - useFetch
  • PropTypes - Setup
  • PropTypes - Images
  • PropTypes - Default Values
  • React Router Intro
  • React Router - Basic Setup
  • React Router - Error And Switch Component
  • React Router - Links
  • React Router - URL Params And Placeholder
  • React Optimization Warning
  • React.memo
  • useCallback
  • useMemo
  • useCallback - Fetch Example