Course
Roadmap - https://www.youtube.com/watch?v=Ip_jOSpThSg
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/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://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