Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Get Started with React Router | React Router
Expert React

bookGet Started with React Router

Note

Throughout the course, challenges will be offered using CodeSandbox, where all the required packages will be pre-installed by default. However, in real-world scenarios or if you prefer to work locally on your machine, additional packages need to be installed to work with them.

Installation

To begin utilizing the React Router library, we first need to install it in our project using a package manager such as npm or yarn. Open the terminal in the project directory and execute one of the following commands:

Using npm:

npm install react-router-dom

Using yarn:

yarn add react-router-dom

Сheckup

To verify that the react-router-dom package has been added to the project, we can check the package.json file. By default, the dependencies object only includes the packages required for running and setting up a plain React project:

"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},

After adding the package, we will observe the modified dependencies object with the react-router-dom package included (line 7):

"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-router-dom": "^6.13.0",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},
question mark

What package needs to be installed additionally to work with React Router library?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

Pergunte-me perguntas sobre este assunto

Resumir este capítulo

Mostrar exemplos do mundo real

Awesome!

Completion rate improved to 1.96

bookGet Started with React Router

Deslize para mostrar o menu

Note

Throughout the course, challenges will be offered using CodeSandbox, where all the required packages will be pre-installed by default. However, in real-world scenarios or if you prefer to work locally on your machine, additional packages need to be installed to work with them.

Installation

To begin utilizing the React Router library, we first need to install it in our project using a package manager such as npm or yarn. Open the terminal in the project directory and execute one of the following commands:

Using npm:

npm install react-router-dom

Using yarn:

yarn add react-router-dom

Сheckup

To verify that the react-router-dom package has been added to the project, we can check the package.json file. By default, the dependencies object only includes the packages required for running and setting up a plain React project:

"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},

After adding the package, we will observe the modified dependencies object with the react-router-dom package included (line 7):

"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-router-dom": "^6.13.0",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},
question mark

What package needs to be installed additionally to work with React Router library?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 2
some-alt