
In the Visual Studio Installer, select the Node.js development workload, and select Install. Go to the Visual Studio downloads page to install Visual Studio for free. If you haven't yet installed Visual Studio: Visual Studio with the Node.js development workload installed.

This tutorial requires the following prerequisites: Webpack can specify a compiler, such as Babel or TypeScript, to transpile JSX or TypeScript code to plain JavaScript.

Webpack bundles JavaScript files so they can run in a browser, and can also transform or package other resources and assets. You must transpile JSX code to plain JavaScript before it can run in a browser. JSX is a JavaScript syntax extension typically used with React to describe UI elements. React is a front-end framework for creating a user interface (UI). The npm package manager simplifies library installation, updating, and uninstallation. A package manager makes it easier to publish and share Node.js source code libraries. The default package manager for Node.js is npm. Node.js is a server-side JavaScript runtime environment that executes JavaScript code. Some of the information in this article applies only to the Node.js project type (.njsproj).īefore you begin, here's a quick FAQ to introduce you to some key concepts:

Starting in Visual Studio 2022, you can alternatively create a React project using the new CLI-based project type.
