📄️ Installation
To create a React app, we will install the recommended framework - Next.js.
📄️ What is React?
- A front-end framework
📄️ Components
Components are the building blocks of React. Components allow developers to break complex user interfaces into small, reusable and manageable pieces. React components encapsulate JavaScript logic, HTML and CSS styling.
📄️ JSX
What is JSX
📄️ Passing Props
Just like we make functions and methods reusable in regular programming by passing parameters, React components become reusable by passing parameters. In React components, these are known as props, short for properties.
📄️ State
So far, we have only built static applications where the value of our data doesn't change. In React, state refers to dynamic data that can change - data that is mutable. When the value of a state variable changes, React automatically rerenders the UI affected.
📄️ Form submission
Form submission - multiple state slices
📄️ Hooks
Hooks are a key concept of React. Hooks are special functions that are used inside React client-side components and add special features and behaviors to the component where they are used.
📄️ Next.js Framework
Why Next.js?