Repolode
Asabeneh

Asabeneh/30-Days-Of-React

Um curso passo a passo de 30 dias que ensina React, desde os fundamentos de JavaScript até hooks, roteamento e gerenciamento de estado.

Estrelas
27,524
Forks
7,662
Issues abertas
216
Último commit
há 2 meses

O que é?

30 Days Of React é um repositório de tutoriais organizado em uma lição por dia, ao longo de 30 dias. Começa com uma revisão de JavaScript e uma introdução ao React; depois, aborda componentes, props, listas e keys, estado, renderização condicional, eventos, formulários e inputs controlados e não controlados.

Os dias seguintes abordam ciclos de vida de componentes, higher-order components, React Router, busca de dados com Fetch e Axios e, depois, hooks, incluindo formulários no estilo useState, busca de dados, hooks personalizados, Context e Ref. Vários dias são dedicados a projetos práticos, e o material é escrito em inglês coloquial, com exercícios que o leitor pode resolver se quiser.

O repositório também inclui instruções de configuração para Node.js, Google Chrome DevTools e Visual Studio Code, além de orientações para fazer fork do repositório e enviar commits com as soluções diárias. O conteúdo é voltado a quem já conhece o básico de HTML, CSS e JavaScript.

Recursos principais

  • 01Aborda os fundamentos do React, de componentes e props a estado e eventos.
  • 02Inclui tópicos mais avançados, como React Router, Context, Ref e hooks personalizados.
  • 03Organizado em uma lição por dia ao longo de 30 dias.
  • 04Contém uma revisão de JavaScript para quem precisar.
  • 05Oferece instruções de configuração para Node.js, Chrome DevTools e VS Code.

Casos de uso

  • Aprender React do zero depois de adquirir familiaridade com o básico de JavaScript.
  • Seguir um plano diário estruturado para desenvolver habilidades em React ao longo de um mês.
  • Praticar hooks e roteamento com os projetos e exercícios incluídos.

Início rápido

  1. 1

    Faça um fork e clone o repositório

    git clone git@github.com:username/30-Days-Of-React.git
  2. 2

    Acesse a pasta do projeto

    cd 30-Days-Of-React
  3. 3

    Instale o Node.js pelo site oficial e, em seguida, verifique a instalação

    node -v
  4. 4

    Abra a primeira lição e acompanhe as instruções

Antes de usar

  • O curso foi escrito como um tutorial e não informa nenhuma licença.
  • Algumas imagens e conteúdos vêm de outro curso e talvez precisem ter o nome alterado.
  • O autor informa que o material não foi revisado.

Tópicos

Perguntas frequentes

O que é 30-Days-Of-React?
Um curso passo a passo de 30 dias que ensina React, desde os fundamentos de JavaScript até hooks, roteamento e gerenciamento de estado. 30 Days Of React é um repositório de tutoriais organizado em uma lição por dia, ao longo de 30 dias. Começa com uma revisão de JavaScript e uma introdução ao React; depois, aborda componentes, props, listas e keys, estado, renderização condicional, eventos, formulários e inputs controlados e não controlados.
30-Days-Of-React é gratuito? Qual é a licença?
30-Days-Of-React não declara licença. O código é público, mas sem licença você não tem permissão explícita para reutilizá-lo; fale com o autor antes de depender dele.
30-Days-Of-React ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de 30-Days-Of-React foi em 27 de ago. de 2026.
Para que posso usar 30-Days-Of-React?
Aprender React do zero depois de adquirir familiaridade com o básico de JavaScript. Seguir um plano diário estruturado para desenvolver habilidades em React ao longo de um mês. Praticar hooks e roteamento com os projetos e exercícios incluídos.
Como instalar 30-Days-Of-React?
Faça um fork e clone o repositório: git clone git@github.com:username/30-Days-Of-React.git Acesse a pasta do projeto: cd 30-Days-Of-React Instale o Node.js pelo site oficial e, em seguida, verifique a instalação: node -v Abra a primeira lição e acompanhe as instruções
Onde consigo 30-Days-Of-React?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/Asabeneh/30-Days-Of-React

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados