Todolist com React #1 | Iniciando com o React Vite

Estamos iniciando uma série de artigos sobre como criar um Todolist utilizando React e Vite. Neste primeiro artigo, vamos aprender como começar um projeto com o React Vite.

O que é o React Vite?

O React Vite é uma ferramenta de desenvolvimento rápida para o React. Ele proporciona um ambiente de desenvolvimento moderno e eficiente, com recarregamento rápido de módulos (HMR), uma configuração sem necessidade de configuração extra e suporte para TypeScript, CSS e muitos mais.

Criando um projeto com o React Vite

Para começar um projeto com o React Vite, primeiro certifique-se de ter Node.js e npm instalados em sua máquina. Em seguida, abra seu terminal e execute o seguinte comando:

    npx create-vite my-todolist --template react
  

Isso criará um novo diretório chamado my-todolist e configurará um projeto com o template do React Vite.

Rodando o projeto

Depois de criar o projeto, navegue até o diretório do projeto e execute o seguinte comando para iniciar o servidor de desenvolvimento:

    cd my-todolist
    npm install
    npm run dev
  

Isso iniciará o servidor de desenvolvimento e abrirá o projeto no seu navegador padrão.

Conclusão

Neste artigo, aprendemos como iniciar um projeto com o React Vite para criar um Todolist com React. No próximo artigo, vamos começar a construir a funcionalidade do Todolist. Fique ligado!