REACT Cheat Sheet
This cheat sheet is for the course React 18 Course - Learn React JS the fast way
by Jannick Leismann.
React
Is a popular JavaScript library to create User Interface (UI/Frontend) of
Web Applications. React allows developers to create manageable and reusable components
that can handle their own state that makes the development efficient and scalable.
Component-Based Architecture
React allows web applications to be built using small, reusable components. These components
can manage their own state and lifecycle; this makes the code modular and maintainable. There
are two types of component structures: Functional and Class components.
JSX (JavaScript XML)
An extension syntax in react allows you to write HTML-like code within JavaScript. This allows
developers to write HTML elements directly within JavaScript.
Creating a React App
Use Create React App to easily start new React projects. It handles setup and provides a
smooth development experience.
1. Install Node.js: Ensure you have Node.js installed on your system.
2. Create a New React App: Run the following command in your terminal:
3. npx create-react-app my-app
4. cd my-app
5. npm start
This will create a new React application in the directory named ‘my-app’ and start the
development server.