Getting Started with React the most popular JavaScript Framework.

 

 

Intro

React is a JavaScript library for building user interfaces. It was developed and is maintained by Facebook, and is now widely used in the development of web applications. React allows developers to build reusable UI components and manage the state of those components in a consistent and efficient way.

 

Main

The core concept behind React is the use of "components" to build the user interface. A component is a self-contained piece of code that represents a specific element or section of the interface, such as a button or a form. These components can be nested within other components to create a hierarchical structure. React uses a virtual DOM (Document Object Model) to track changes in the components and update the actual DOM as efficiently as possible. This allows for faster and more efficient updates to the user interface.

React also uses a concept called "state" to manage the data that is displayed and interacted with within the components. State refers to the data that is used to render a component and can be updated in response to user actions or other events. When the state of a component changes, React will automatically re-render the component and update the user interface.

React also provides a powerful toolset for building web applications, including a library of pre-built components, a robust developer toolset, and support for integration with other tools and frameworks. This makes it a popular choice for building complex web applications that need to handle a lot of data and user interactions.

 

Conclusion

In summary, React is a powerful JavaScript library for building user interfaces. It allows developers to build reusable components and manage the state of those components in an efficient way. The use of a virtual DOM and a powerful toolset make it a popular choice for building complex web applications.

 

Install React

To install ReactJS, you can use the following steps:

 

1. Make sure you have Node.js and npm (Node Package Manager) installed on your computer. You can download the latest version of Node.js from the official website. ☞ https://www.npmjs.com/

npm

 

2. Open a terminal or command prompt and navigate to the directory where you want to create your React project.

 

3. Run the following command to create a new React project:

npx create-react-app my-app

Where "my-app" is the name of your project.

 

4. Once the installation is complete, navigate to the project directory using the following command:

cd my-app

 

5. To start the development server and run the project, use the following command:

npm start

This will start the development server and open the project in your default web browser. Your React project is now ready to use!

 

Reference

Top 5 Front-end JavaScript Framework In 2022

Top 5 Front-end JavaScript Framework In 2022

https://goddaehee.tistory.com/293

[React] 1. React 시작하기(1) - 환경 설정