Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Compreendendo a Estrutura do Projeto React | Executando e Explorando um Projeto React
Practice
Projects
Quizzes & Challenges
Questionários
Challenges
/
Introdução ao React

bookCompreendendo a Estrutura do Projeto React

Quando você cria um projeto React com o Vite, ele gera um conjunto de arquivos e pastas que compõem a estrutura do projeto. À primeira vista, essa estrutura pode parecer complexa, mas não é necessário entender tudo de imediato.

Veja para que serve cada pasta e arquivo principal e quais partes você utilizará com mais frequência.

Visão Geral da Raiz do Projeto

Um projeto React criado com Vite normalmente contém os seguintes itens no nível raiz:

  • node_modules;
  • public;
  • src;
  • index.html;
  • package.json;
  • package-lock.json;
  • vite.config.js;
  • eslint.config.js;
  • .gitignore;
  • README.md;

Vamos detalhar os mais importantes.

question mark

Qual pasta contém a maior parte do código da sua aplicação React?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

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

bookCompreendendo a Estrutura do Projeto React

Deslize para mostrar o menu

Quando você cria um projeto React com o Vite, ele gera um conjunto de arquivos e pastas que compõem a estrutura do projeto. À primeira vista, essa estrutura pode parecer complexa, mas não é necessário entender tudo de imediato.

Veja para que serve cada pasta e arquivo principal e quais partes você utilizará com mais frequência.

Visão Geral da Raiz do Projeto

Um projeto React criado com Vite normalmente contém os seguintes itens no nível raiz:

  • node_modules;
  • public;
  • src;
  • index.html;
  • package.json;
  • package-lock.json;
  • vite.config.js;
  • eslint.config.js;
  • .gitignore;
  • README.md;

Vamos detalhar os mais importantes.

question mark

Qual pasta contém a maior parte do código da sua aplicação React?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

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