"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
- Veja um excelente modelo de aplicação
- Conheça Webpack
- Se ainda tiver alguma dúvida acerca do funcionamento dos lifecycle methods do react, esclareça aqui.
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.
