React Tutorial
Learn React interactively. Read the concept and write code to practice.
1. React Introduction
React is a JavaScript library for building user interfaces. React is used to bu...
2. React JSX
JSX stands for JavaScript XML. JSX allows us to write HTML in React. JSX makes ...
3. React Components
Components are independent and reusable bits of code. They serve the same purpos...
4. React Props
Props are arguments passed into React components. Props are passed to components...
5. React Events
Just like HTML DOM events, React can perform actions based on user events. Reac...
6. React Conditional Rendering
In React, you can conditionally render components. There are several ways to do ...
7. React Lists
In React, you will render lists with some type of loop. The JavaScript `map()` ...
8. React Forms
Just like in HTML, React uses forms to allow users to interact with the web page...
9. React Hooks (useState)
Hooks were added to React in version 16.8. Hooks allow function components to ha...
10. React Hooks (useEffect)
The `useEffect` Hook allows you to perform side effects in your components. Some...
11. React Hooks (useContext)
React Context is a way to manage state globally. It can be used together with th...
12. React Hooks (useRef)
The `useRef` Hook allows you to persist values between renders. It can be used t...
13. React Router
Create React App doesn't include page routing. React Router is the most popular ...
14. React CSS Styling
There are many ways to style React with CSS, this tutorial will take a closer lo...
15. React Custom Hooks
Hooks are reusable functions. When you have component logic that needs to be use...