- Criar componentes de classe em React;
- Utilizar JSX no React;
- Utilizar o método
render()
para renderizar seus componentes; - Fazer uso de
props
corretamente; - Fazer uso de
PropTypes
para tipagem; - Manipular o uso do estado
- Manipular o uso de eventos
- Criar e manipular formulários no React
- Está com dificuldades para manter a disciplina? Que tal dar uma olhada nessa matéria da Forbes com dicas para desenvolver disciplina, divulgadas na última edição do Trybe News?
- A Lanai é uma ex-pessoa estudante da Trybe. Confira nesse post do Linkedin algumas das suas dicas de gestão pessoal e organização, utilizando o Google Calendar.
- Como tem sido sua comunicação nas mentorias, monitorias, grupos de estudo e Slack? Tem conseguido trazer com assertividade seus pedidos e ofertas de ajuda nos projetos? Relembre aqui como praticar a assertividade e conquistar credibilidade na sua comunicação.
- Quer entender um pouco mais sobre a importância das Soft Skills no mercado de trabalho? Confira aqui um artigo escrito pelo Matheus Ramos (Theus) (Tribo B) e Ebio Narduche (Tribo A).
- Extensão do VSCODE para mostrar os erros de lint style automaticamente - Milena Cordeiro (Tribo A)
- Correção automática do Lint - Nelson Hamada (Tribo A)
- Extensão para tirar print do código - Tribo A | Tribo B - Nicolas Douglas Lima Costa (Tribo A)
- Dicas de como criar uma animação com efeito arco-íris em buttons Tribo A | Tribo B - Josiane de Lima (Tribo A)
- Como criar formas complexas em CSS - Tribo A | Tribo B - Felipe Lima Coelho (Tribo A)
- Configuração inicial "Padrão" do CSS para seus projetos - Tribo A | Tribo B - Felipe Lima Coelho (Tribo A)
- Música para Codar - Lucas Koyama (Tribo B)
- VSCODE: Algumas extensões usadas por nossos instrutores - Cauê Peruque (Tribo B)
- Abrir o PR para esse projeto
- Criar seu cronograma de planejamento, use como base a seção 2 e 3 de Frontend
- 01 - Crie o formulário que será usado para adicionar cartas ao baralho
- 02 - Adicione as props necessárias ao componente de formulário
- 03 - Crie e renderize o componente Card com as props necessárias
- 04 - Crie o preview da carta que está sendo criada pelo formulário
- 05 - Faça a validação do botão de Salvar no formulário
- 06 - Crie a função do botão salvar
- 07 - Crie a validação do Super Trunfo
- 08 - Exiba a lista de cartas que estão salvas no estado
- 09 - Crie um botão para remover uma carta do baralho
- 10 - Crie o filtro pelo nome da carta
- 11 - Crie o filtro por raridade da carta
- 12 - Crie o filtro de Super Trunfo
- 13 - Crie o filtro pelo nome da carta
O projeto possui 9 requisitos obrigatórios, para ser aprovado dentro do prazo regular vai ser necessário fazer no mínimo 7 dos 9 requisitos obrigatórios.
- Dúvidas comuns - Se outras pessoas tiveram, é possível que você também tenha!
- Ao rodar o
npm install
,npm start
,npm test
, ter certeza que entrou na pasta correta do projeto; - Lembrar de definir os
propTypes
em cada componente que estiver recebendoprops
; - Colocar a
key
sempre que estiver renderizando uma lista de elementos HTML no React;
- Ao rodar o
Ao final desse projeto, você vai ter uma aplicação muito estruturada usando boas práticas de desenvolvimento e que pode (e deve) ser compartilhado com muito orgulho no seu Linkedin. Portanto, vamos com tudo para esse projeto!