Frontend Technologies ➔ What is React ➔ Features of React ➔ Npm and Yarn ➔ How to install react ➔ Using create-react-app ➔ File Structure of create-react-app ➔ React Components(Functional and Class) ➔ Props ➔ State ➔ React Lifecycle Components ➔ Styling React
user interfaces. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications, as it is optimal for fetching rapidly changing data that needs to be recorded. However, fetching data is only the beginning of what happens on a web page, which is why complex React applications usually require the use of additional libraries for state management, routing, and interaction with an API
a script file from cloudflare in your HTML file. 2. Make sure you have the Latest Stable Version of Node and Npm installed 3. In the project folder run npm init and set your values 4. 3. Run in the folder for your new project: npm I react react-dom webpack
up to speed with React in no time, and any React app that needs to outgrow a single page will find that create-react-app meets that need. You start by using npx, which is an easy way to download and execute Node.js commands without installing them. npx comes with npm (since version 5.2) and if you don’t have npm installed already, do it now from https://nodejs.org (npm is installed with Node). If you are unsure which version of npm you have, run npm -v to check if you need to update.
download the most recent create-react-app release, run it, and then remove it from your system. This is great because you will never have an outdated version on your system, and every time you run it, you’re getting the latest and greatest code available.
writing modern React applications. In the past, there have been various React Component Types, but with the introduction of React Hooks it’s possible to write your entire application with just functions as React components.