React JS Learning Material including Gatsby, NEXT JS, React TS & UI components like Storybook, Material & Chakra UI
React is a free, open-source front-end JavaScript library for building user interfaces based on UI components , developed by Facebook and released in 2013. It’s Safe to say that React has been one of the most influential UI library of recent memory. We use it to build Components that represent logical reusable parts of the UI. React can be used as a foundation for developing single-page, mobile, or server-rendered applications.
Prerequisites :- You should be familiar with HTML, CSS, & JavaScript.
| S. No. | Course Name | Description | Duration | Prerequisites | ||
|---|---|---|---|---|---|---|
| 1. | React Course For Beginners - Learn React in 8 Hours | This course will teach you everything you need to know as a Beginner in react, to being able to create big projects on your own. | 4-5 days | Basic Understanding of HTML, CSS & JavaScript | ||
| 2. | React Hooks | Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class. | 3 Days | Basics of React, Functional & Class Components , props, state, etc | ||
| 3. | React Query Tutorial | This Series will help you understand React Query and Data fetching in React | 2 Days | 1. React Fundamentals 2. React Hooks |
||
| 4. | Everything About React Portals in 10 Mins | In this Video you will learn how to use React Portals and when and why to use them. | 1 Day | React Fundamentals | ||
| 5. | React High Order Component Tutorial | In this video You will learn everything about Higher-Order Components in React. HOC is an advanced technique in React JS for reusing components logic. | 1 Day | React Fundamentals | ||
| 6. | Learn About Render Props, Error Boundaries ,Context , Refs and Context | Watch Tutorial 28 , 29, 30, 32, 36, 37, 38, 39, 40 | 2 Days | React Fundamentals | ||
| 7. | React Router Tutorial | In this series, you will understand about configuring routes in a react app, navigating on click of a button, navigating programmatically, dynamic routes, nested routes and route parameters, lazy loading and authentication with react router. | 2 Days | 1. React Fundamentals 2. React Hooks |
||
| 8. | React Formik | 3 Days | HTML, CSS, JavaScript + ES6 , React ( Hooks ) | |||
| 9. | React Redux | 2 Days | Fundamentals of React | |||
| 10. | React State Management | In this full intermediate React tutorial, you will learn how to implement state management using industry best practices. | 2 Days | Fundamentals of React | ||
| 11. | React Testing Tutorial | 3 Days | React Fundamentals | |||
| 12. | Styling React Styled Component Material UI Chakra UI |
1 Week | Fundamentals of React | |||
| 13. | React Typescript Tutorial | 2 Days | Fundamentals of React | |||
| 14. | React Storybook Tutorial | 1 Day | Fundamentals of React | |||
| 15. | Practical React :- A playlist for React with different libraries | 2 Days | Fundamentals of React | |||
| 16. | **For Static Site Generation :- Gatsby If you want Static Apps and Server Rendered Apps :-NextJS |
2 Weeks | Fundamentals of React |