React
React is a free and open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. It can be used as a base in the development of single-page or mobile applications.
Prerequisites 🚧
- Basic knowledge of HTML, CSS, and JavaScript
- Basic understanding of ES6 features. To get started you should at least know the following features:
- Let
- Const
- Arrow functions
- Imports and Exports
- Classes
- Basic understanding of how to use npm
Topics to learn 🚀
- Basic Concepts
- Create React App
- JSX
- Rendering Elements
- Components
- Props vs State
- Component Life Cycle
- Conditional Rendering
- Lists and Keys
- Forms
- Composition vs Inheritance
- Basic Hooks
- Advanced Topics
- Code Splitting
- Context
- Error Boundaries
- Fiber Architecture
- Fragments
- High Order Components
- Hooks(Writing your own Hooks, Common Hooks)
- Portals
- Refs
- Render Props
Documentation ✔️
Courses 📝
- Egghead - The Beginner’s Guide to React
- Scrimba - Learn React
- freeCodeCamp - Introduction to the React
Books 📖
Tutorials 🛠️
- React.js Tutorial for Beginners
- W3Schools React Tutorial
- Learn React.js Tutorial
- Learn React JS in This Free 7-Hour Course