Skip to content

Tutrorial React Basic

nelsonortfan edited this page Feb 14, 2026 · 7 revisions

Software Setup

Install Node JS and validate the version of Node and NPM:

imagen

Then, go to Visual Studio Code and install the following extensions:

imagen imagen imagen

Create New Project

Go to the repositorio and create a new folder where we will create the project. Execute the command:

npm create vite@latest

imagen

Give a name, select React and as a language use JavaScript:

imagen

When it finishes, you can access to the App with the url:

imagen

Open the project in VS Code:

imagen

In the command terminal, install the packages with npm install and then start the App with npm run dev:

imagen

See the App working:

imagen

In case that Mozilla Firefox has some issues with the page, set the file vite.config.js like this:

imagen

Clone this wiki locally