Views: are what the user sees rendered in the browser. It's a representation of a DOM object, like a lightweight copy. A Virtual DOM is only a visual representation of the DOM, so when the state of the app changes, the virtual DOM is updated rather than the real DOM, reducing the performance cost. When a DOM is frequently updating, performance becomes slow. Every time the state of your app's UI changes, the DOM gets updated to represent the change. Virtual DOM: DOM stands for Document Object Model and represents the UI of your app.

JSX is a syntax extension for JavaScript written to be used with React that looks like HTML, but is actually a JavaScript file that needs to be compiled, or translated into regular JavaScript. The React motto is 'Learn once, write anywhere.' The intention is for code reuse and not making assumptions about how you will use React UI with other technologies, but to make components reusable without the need to rewrite existing code. It is component-based, meaning that applications are created using prefabricated and reusable independent code modules that manage their own state and can be glued together using the React framework, making it possible to pass data through your app while keeping state out of the DOM. It is declarative, meaning that you write the code that you want and React takes that declared code and performs all of the JavaScript/DOM steps to get the desired result. It is open-source, meaning that you can contribute to it by filing issues or pull requests. React is a JavaScript library for building user interfaces.

We recommend installing VS Code on Windows, regardless of whether you plan to use React on Windows or WSL. Install React on Windows Subsystem for Linux.Install React ( Should I install on Windows or Windows Subsystem for Linux).If you're brand new to using React, this guide will help you to get started with some basics.

React node js tutorial