├── LICENSE └── README.md /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 flasho 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## Become A Job Ready React Developer 2 | 3 | ***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.*** 4 | 5 | **Average Salary of React Developer is :- $ 130,000 USD** 6 | 7 | 8 | **Prerequisites :- You should be familiar with HTML, CSS, & JavaScript.** 9 | 10 | 11 | ### Following is the list of Resources you need to Become a React Developer :- 12 | 13 | | S. No. | Course Name | Description | Duration | Effort | Frequency | Prerequisites | 14 | | ---- | ---- | ---- | ---- | ---- | ---- |---- | 15 | | 1. | **[React Course For Beginners - Learn React in 8 Hours](https://www.youtube.com/watch?v=f55qeKGgB_M&list=PLpPqplz6dKxW5ZfERUPoYTtNUNvrEebAR&index=19)** | 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. | 1 Week | 8 - 10 hrs / Week | Self Paced | Basic Understanding of HTML, CSS & JavaScript | 16 | | 2. | **[React Hooks](https://youtube.com/playlist?list=PLC3y8-rFHvwisvxhZ135pogtX7_Oe3Q3A)** | Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class. | 3 Days | 2 hrs / Day | Self Paced | Basics of React, Functional & Class Components , props, state, etc | 17 | |3.| **[React Query Tutorial](https://youtube.com/playlist?list=PLC3y8-rFHvwjTELCrPrcZlo6blLBUspd2)** | This Series will help you understand React Query and Data fetching in React | 2 Days | 2 hrs / Day | Self Paced | 1. React Fundamentals

2. React Hooks | 18 | | 4. | **[Everything About React Portals in 10 Mins](https://youtu.be/_HkxuxZ5QO0)** | In this Video you will learn how to use React Portals and when and why to use them. | 1 Day | 1 hr / Day | Self Paced | React Fundamentals | 19 | | 5. | **[React High Order Component Tutorial](https://youtu.be/tsCoBd7xSK8)** | 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 | 1 hr / Day | Self Paced | React Fundamentals | 20 | | 6.|**[Learn About Render Props, Error Boundaries ,Context , Refs and Context](https://www.youtube.com/watch?v=QFaFIcGhPoM&list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3&index=2)** | Watch Tutorial 28 , 29, 30, 32, 36, 37, 38, 39, 40 | 2 Days | 2 hr / Day | Self Paced |React Fundamentals| 21 | | 7.|**[React Router Tutorial](https://youtube.com/playlist?list=PLC3y8-rFHvwjkxt8TOteFdT_YmzwpBlrG)** | 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 hr / Day | Self Paced | 1. React Fundamentals

2. React Hooks | 22 | | 8. | **[React Formik](https://youtube.com/playlist?list=PLC3y8-rFHvwiPmFbtzEWjESkqBVDbdgGu)** | | 3 Days | 2 hrs / Day | Self Paced | HTML, CSS, JavaScript + ES6 , React ( Hooks ) | 23 | |9. |**[React Redux](https://youtube.com/playlist?list=PLC3y8-rFHvwheJHvseC3I0HuYI2f46oAK)** | | 2 Days | 2 hrs / Day | Self Paced | Fundamentals of React | 24 | | 10. | **[React State Management](https://youtu.be/-bEzt5ISACA)** | In this full intermediate React tutorial, you will learn how to implement state management using industry best practices. | 2 Days | 2 hrs / Day | Self Paced | Fundamentals of React | 25 | | 11. |**[React Testing Tutorial](https://youtube.com/playlist?list=PLC3y8-rFHvwirqe1KHFCHJ0RqNuN61SJd)** | | 3 Days | 2 hrs / Day | Self Paced | React Fundamentals | 26 | |12.| **Styling

[React Styled Component](https://youtube.com/playlist?list=PLC3y8-rFHvwgu-G08-7ovbN9EyhF_cltM)

[Material UI](https://youtube.com/playlist?list=PL4cUxeGkcC9gjxLvV4VEkZ6H6H4yWuS58)

[Chakra UI](https://youtube.com/playlist?list=PLx2Y9Sna27Xt3deeeOLqW59-mdWpUWQ0T)** | | 1 Week |2 hrs / Day | Self Paced | Fundamentals of React | 27 | | 13. | **[React Typescript Tutorial](https://youtube.com/playlist?list=PLC3y8-rFHvwi1AXijGTKM0BKtHzVC-LSK)** | | 2 Days | 2hrs/ Day | Self Paced | Fundamentals of React | 28 | |14. |**[React Storybook Tutorial](https://youtube.com/playlist?list=PLC3y8-rFHvwhC-j3x3t9la8-GQJGViDQk)** | |1 Day | 2 hrs / Day | Self Paced | Fundamentals of React | 29 | | 15. |**[Practical React :- A playlist for React with different libraries](https://youtube.com/playlist?list=PLC3y8-rFHvwhAh1ypBvcZLDO6I7QTY5CM)** | |2 Days | 2 hrs / Day | Self Paced |Fundamentals of React | 30 | |16. |**For Static Site Generation :- [Gatsby](https://youtube.com/playlist?list=PL4cUxeGkcC9hw1g77I35ZivVLe8k2nvjB)

If you want Static Apps and Server Rendered Apps :-[NextJS](https://youtube.com/playlist?list=PLC3y8-rFHvwgC9mj0qv972IO5DmD-H0ZH)

For Native Mobile Apps :- [React Native](https://youtu.be/VozPNrt-LfE)** | | 2 Weeks | 2 hrs / Day | Self Paced | Fundamentals of React | 31 | | 17. |**[Projects](https://youtube.com/playlist?list=PL6QREj8te1P6wX9m5KnicnDVEucbOPsqR)** | This is a Goldmine Playlist containing 20 Projects to build in ReactJS. |5 Weeks | 2 hrs / Day | Self Paced | Fundamentals of React | 32 | |18.| **[Interview Preparation](https://youtu.be/XBTJDpT2XaI)** | 30 Common React Interview Questions and Concepts | 3 Days | 2 hrs / Day | Self Paced |Complete Knowledge of React | 33 | --------------------------------------------------------------------------------