React: Do Zero, Exemplos e Conceitos

Tudo sobre React, no navegador, sem pré-compilação!

A comunidade React é rica em artigos e conteúdo. Muitas vezes, a quantidade de opções pode gerar frustrações. Por isso, vale a pena divulgar um conteúdo bacana quando encontrado.

Hoje, quero compartilhar com vocês, uma tradução realizada pelo André Lustosa Cabral de Paula Motta (não consegui achar o Medium/Twitter dele, se alguém souber).

Ele traduziu o excelente "React from Zero", do K (aka Kay Plößer, vale a pena seguir ele no Twitter!). É uma série de exemplos explicando os conceitos do React, diretamente no navegador, sem precisar de configuração ou etapas de pré-compilação.

Elas estão separadas em 18 lições. Confira abaixo:

  • Lição 0: Elementos-Objetos
  • Lição 1: Fábrica de Elementos
  • Lição 2: JSX
  • Lição 3: Elementos Aninhados
  • Lição 4: Componentes
  • Lição 5: Propriedades
  • Lição 6: Tipos de Propriedades
  • Lição 7: Exemplo de Propriedade
  • Lição 8: Componentes Aninhados
  • Lição 9: Classes Componentes
  • Lição 10: App Exemplo
  • Lição 11: Métodos do Ciclo de Vida
  • Lição 12: Refatoração de Componentes
  • Lição 13: Refatoração de Elementos
  • Lição 14: Referências
  • Lição 15: Integração Simples
  • Lição 16: Integração Avançada
  • Lição 17: Testes de Unidade

Vale a pena conferir o repositório:

Valeu André! Ótima contribuição para a comunidade!