Série “Eu indico” – desenvolvendo uma aplicação completa com REACT.

Eu me considero um desenvolvedor generalista, ou seja procuro aprender um pouco de tudo, existe a discussão se é melhor para sua carreira ser um especialista ou um generalista, bem já pensei em escolher uma tecnologia e me tornar especialista mas não consigo..

Sofro de FOMO (“fear of missing out” ou o medo de estar perdendo algo) rs e pensando nisso sempre procuro ficar de olho nas tecnologias que não trabalho diariamente. Hoje atuo fortemente em tecnologias de back-end, e para não ficar defasado nas outras frentes procuro assistir vídeos e fazer POCs (provas de conceito) de tecnologias que não conheço a fundo.

Neste artigo resolvi inovar e não vou escrever aqui códigos e sim “INDICAR” um vídeo no youtube, onde o criador mostra de uma forma extremamente didática um projeto completo utilizando o React.

Neste vídeo de aproximadamente 2:00 horas (está em inglês mas se souber um pouco do inglês técnico não vai sofrer para entender) será desenvolvido um CRUD de contatos de ponta a ponta com muitas funcionalidades do React, abaixo um resumo do que você irá aprender:

  • Como criar o esqueleto da aplicação react utilizando o npm;
  • Criar o primeiro “Hello Word”;
  • Adicionando o Semantic UI (semelhante ao Bootstrap);
  • Trabalhar com o localStorage;
  • Entender os componentes no React;
  • JSX ;
  • Function Components;
  • Renderizando uma lista em react;
  • Como utilizar props, passando dados de um parent/child;
  • Acessando props;
  • Adicionar Imagens;
  • useState;
  • Reat Router Dom;
  • Switch ;
  • Programando o history;
  • Usando o Link;
  • Passar valor pela rota;
  • Criar um server com o JSON-SERVER;
  • Trabalhar com API REST;
  • Uso do Axios;
  • Adicionar um contato (create);
  • Deletar um contato (delete);
  • Editar um contato (update);
  • Listar todos os contatos (read);
  • Adicionar uma “Search Bar”;
  • Search Filter;
  • Hook com useState;

E tem muito mais funcionalidades no vídeo, eu assisti e fui fazendo o projeto por esse motivo eu indico para quem está iniciando o estudo com o REACT e para desenvolvedores back-end que precisam ou querem ter ideia de como é feito no front-end utilizando essa tecnologia.

Abaixo o vídeo:

link do vídeo direto no youtube: https://www.youtube.com/watch?v=0riHps91AzE

Antes de postar aqui entrei em contato com o Dipesh Malvia (autor) e pedi permissão para mencionar o vídeo dele aqui no meu blog. A intenção aqui é aprender e dar visibilidade ao autor tendo em vista que sei o trabalho que é criar um conteúdo com este ótimo nível.

Algumas imagens da aplicação (minha versão):

O código fonte da minha versão encontra-se no meu github.

Aproveite o vídeo e não esqueça de clicar ali no “gostei” para viralizar o vídeo e o ótimo trabalho do Dipesh.

Bons estudos e qualquer dúvida é só entrar em contato.

Leave a Reply

O seu endereço de e-mail não será publicado.