"Muitos homens, como as crianças, querem uma coisa, mas não as suas consequências." - José Ortega y Gasset

Seguindo, o modelo da trilha de javascript, segue agora uma trilha pra react. Por que react e não outro ecossistema?

Com certeza trilhas de outros ecossistemas virão, mas alguns pontos são importantes citar sobre react:

  • É uma tecnologia estabelecida. Teve um sucesso extraordinário em 2015, mas já existe há um bom tempo funcionando e bem dentro do facebook;
  • Possui uma api extremamente simples e fácil de lembrar;
  • Está ficando cada vez mais popular no Brasil;
  • Permite desenvolver aplicativos mobile com react-native;

Muitos dos desenvolvedores que vêm de angular1 possuem uma certa resistência em aprender react, principalmente quando o lançamento do angular2 está tão próximo. Outros acham que a curva de aprendizado é maior. Talvez isso seja verdade nos primeiros 7 dias, mas depois você vai ver que na verdade react é fácil de aprender, lembrar e implementar. Tudo que você precisa é do caminho certo. E é isso que será mostrado agora pra você.

Semana 1 - Introdução ao react

  • Veja este curso na udemy: Build Web Apps With React Js and Flux Pode assistir tranquilamente o curso sem se preocupar em implementar nada. Depois tente implementar e em dificuldade consulte o vídeo.

Outra alternativa é ler a documentação, mas o aprendizado será muito mais rápido vendo esse excelente curso, muito mais rápido.

Semana 2 - Introdução à arquitetura flux e redux

Redux é uma variante de flux já tida como uma melhor prática. Ainda assim é importante conhecer um pouco de flux antes de começar redux.

  • Conheça as idéias centrais de flux, lendo a documentação e vendo o vídeo da criadora. Em seguida, baixe as aplicações indicadas no tutorial todo-list e chat e tenham uma idéia de como flux funciona.

Depois disso, você está preparado para entender redux e por que ele leva vantagens sobre outras implementações de flux.

  • Para isso, nada melhor que ver a primeira série de vídeos de ninguém mais que o criador do Redux, Daniel Abromov. Nesta série de vídeos você vai aprender muito, muito rápido e com a mesma rapidez vai ver o quanto redux é genial por sua simplicidade.

Acompanhe os vídeos depois tente reproduzir você mesmo. À exemplo do que fiz aqui.

Semana 3 - Consolidando os fundamentos de redux.

  • Aqui a melhor maneira de consolidar seus conhecimentos é alternar entre ler e praticar as aplicações presentes na excelente documentação do redux. Aqui você também deve se familiarizar ao conceito de middlewares e thunks.

  • Ao mesmo tempo, assista este e em seguida este curso na udemy. Alternar entre metodologias de estudo é a melhor maneira de consolidar aprendizado rapidamente.

Alternativa à udemy: Acompanhe uma série de postagens sobre redux em que o autor vai construir um aplicativo de blog bem semelhante ao que você vai encontrar no curso da udemy e talvez ainda mais completo.

Semana 4 - Conhecendo as melhores práticas de react-redux.

Depois dessas 3 semanas você está preparado para implementar aplicações e entender implementações mais rebuscadas que seguem melhores práticas.

  • Assista à segunda série de vídeos de Dan Abromov;

  • Faça um aplicativo você mesmo com autenticação, alertas e algum tipo de componente reutilizável.

Extra

Conclusão

O caminho não é tão fácil, mas é gratificante. Aprender react é uma aposta extremamente segura e que vai lhe proporcionar ao longo do tempo reutilizar componentes em diversos projetos. Na minha modesta opinião, o ecossistema do react é bem melhor e de mais fácil entendimento que do angular1. Não é a toa que a abordagem de componentes do react foi levada ao angular2.

Veja Também

Sobre o Autor

Johel Carvalho

Johel Carvalho

Engenheiro Civil formado pelo Instituto Militar de Engenharia (IME-RJ) em Dezembro de 2012. Largou a profissão pelo desenvolvimento web, começando com C# e sendo atualmente aficionado por JavaScript.

comments powered by Disqus