React, developed by Facebook, is a powerful JavaScript library used for building user interfaces, especially for single-page applications. It allows developers to create large web applications that can change data without reloading the page. In this blog post, “React Getting Started,” you will learn how to install the necessary packages to run your first React app in the local environment.
The Packages like NODE JS, Visual Studio Code, and Vite. Scroll down below you will get all the details step by step.
Why do we use ReactJS
It is a library to build the nice and attractive user interface.
It is a JavaScript library.
In react, everything is divided into the group of components, which helps us to reuse it whenever it is required.
Example. Header, Footer, Main Page, Sub Page
Using component with each component has its own CSS and JS file, we can see the updates on our web page without reloading it.
Ex. Netflix , Twitter.
How react render works
React only fixes small parts that change; no need to start over. Keeps web pages fast without reloading everything. As you see while scrolling on Twitter.
Does React replace JavaScript
Writing web app code using JS is more lengthy and complex. To write user interfaces for example, Netflix takes time.
Imagine you’re code is complex then maintenance is also complex.
React offers us a simpler model.
How do I create my own React app | React Getting Started
- Open Google
- Write React.now
- Redirect to the page codesandbox.io
How do I create a local React app?
Make sure you have the latest version of Node installed. If not head over to https://nodejs.org/en/download to download the LTS (Long Term Support) version of Node.
Make sure you have the latest version of Visual Studio Code installed. If not, head over to https://code.visualstudio.com/download to download the version for your platform.
The first time, In your system, Vite is not installed, so install it by typing y to proceed. Then, you’ll be asked to select a framework. Use your down arrow to select React.
Next step, select Java script.
Now redirect to the directory.
Operate “NPM INSTALL”
To run the first react app on the local PC, run the command.
npm run dev
How do you build React without a Source Map file ? | How do I disable source map react app ?
- It is a debug file, which we do not want at the time of production.
- Create a new file with the extension “.env” inside the src folder and write the code as shown below.
- GENERATE_SOURCEMAP=false
- npm run build
Other Post you must read
What is Microservice: A Revolutionary Approach to Web Application Architecture in 2024