React Introduction

React Introduction

What is React?

  • React, sometimes referred to as a frontend JavaScript framework, is a JavaScript library created by Facebook.

React is a tool for building UI components.

How does React Work?

  • React creates a VIRTUAL DOM in memory.

    • Instead of manipulating the browser's DOM directly, React creates a virtual DOM in memory, where it does all the necessary manipulating, before making the changes in the browser DOM.

Current React version

Current version of React.JS is V18.0.0 (April 2022).

React Getting Started

To use React you need npm which is included with Node.js.

Setting up a React Environment

  • If you have npx and Node.js installed, you can create a React application by using create-react-app.

    see how to create react app step by step:-

  1. Go to the folder ,you want to create a new react app and click on source of folder and write cmd. A command pallete open on the screen like:

  2. For create a react app write npx create-react-app newreact in command pallete. These newreact is name of created folder. we can write other name according to our wish.

  3. For entering the new created file write cd newreact , and writenpm start for open output of file.

  4. For opening vscode dirctly write code . in cmd pallete or vs code open.

According to learners many ways to create new react app to write in vs code or to write in cmd. I love this way to use .I hope you also love it.

THE END