marciofcalil / desafios-codigo-react

Repositório para desafios / testes de ReactJS

Série de Desafios de código na linguagem ReactJS com desafios separados por dificuldades.

 

Os Desafios

Dificuldade: Fácil 🙂

🚀 Foguete - Rocket Ship

Re-renderizações desnecessárias, controle refinado. (En: Unnecessary re-renders, fine grained control.)

 

Dificuldade: Mediana 😐

🌙 Modo Escuro - Dark Mode

Estado / estado compartilhado, manipulação do DOM. (En: State / shared state, DOM manipulation.)

 

Para que servem os desafios?

Os desafios de código são:

• Exercícios curtos de codificação, para uso em entrevistas com candidatos.
• Maneiras para você testar seu próprio conhecimento / testar sua habilidade de codificação sob pressão.
• Exercícios divertidos para aprender React.

 

Como eles funcionam / como faço para começar?

A estrutura de cada desafio / aplicativo é feita para você e cada desafio tem o create-react-app como sua base.

• Clone todo o repositório de desafios.
• Execute yarn ou npm install em qualquer um dos diretórios de desafio individual para instalar as dependências.
• Execute yarn start ou npm start para iniciar a aplicação na porta 3000 (CRA padrão)
• Cada desafio possui um README com requisitos necessários para você completar.

Em alguns desafios, pode ser necessário o uso de APIs externas, mas todas as informações serão fornecidas no README de cada desafio, de forma individual.

 

Quer saber como é a solução de cada problema?

Temos as soluções dos problemas apresetados e podemos compartilhar após alguns dias do desafio. Entre em contato conosco e peça a solução.

O que torna um desafio bom/interessante?

• Requisitos claros
• Ser divertido e envolvente
• Com nível de dificuldade preciso/apurado
• Ser visualmente bom / agradável
• Realista - alguém precisa construir algo assim na vida real?
• Fácil de começar (pré-requisitos mínimos)

   

Quem desenvolveu os desafios?

Os desafios foram traduzidos da página do Alex Gurr, todos os créditos são dele.