React: Tutoriais Fantásticos e Onde Habitam
Se quem procura, acha…
Então você achou meu amigo, aqui eu vou apresentar para você alguns conteúdos legais sobre React que coletei na minha maleta durante minhas aventuras na web. Quando se trata de frameworks web, tudo tende a ser bem passageiro e mesmo assim, eu espero que essa coleção seja útil de alguma forma. Antes de começar, eu quero dizer que realmente não cobri muito de plataformas / conteúdo nacionais pois já estão sendo bem divulgados, não só isso, vejo que existem vários materiais excelentes fora do pais de pessoas de lugares distintos, não necessariamente nativos. Também acho que é uma boa oportunidade você que ainda não se arriscou, começar a estudar e trabalhar com o inglês desde sempre, já que nos dias de hoje a maioria de nós e de nossas ferramentas, no escopo global de desenvolvimento, estão representando ou se comunicando com essa língua em comum (you're welcome).
Primeiramente não tem jeito de não mencionar esse cara aqui, ele é de fato o meu professor preferido quando se trata de JavaScript, Kyle é o cara. Por que não tem jeito de não mencionar ele? porque para se trabalhar com React eu acredito muito que você precise antes entender bem a linguagem que você vai utilizar o tempo todo, e aprendendo bem ela você vai ser um melhor desenvolvedor em React / na vida. É preciso distinguir bem o que é React e o que não é. Aprender os fundamentos, como todo professor old school provavelmente já lhe deu o toque, é super importante! eu realmente pude ver os resultados seja em entrevistas de emprego, no trabalho, em conversas técnicas em geral. Aprendendo bem os fundamentos de JavaScript, todo framework (no qual sabemos que são bem passageiros) novo e relativamente popular não vai ser tão chato pra começar.
You Don't Know JS nos dias de hoje é tipo a bíblia do JS (confira as stars no GitHub). Hey devs que trabalham com essa tecnologia, vocês deveriam ler ao menos uma vez (I'm serious).
Tenho outro livro top pra você caro estudante, você que vai logo logo ouvir pessoas falando sobre higher order components… stateless functional components em React… e ficar mais perdido que cupim em metalúrgica. Eu lhe informo sobre esse livro abaixo como uma excelente introdução / baita conteúdo que consiste em programação funcional em JS, cobrindo esses conceitos estranhos que mencionei utilizando apenas JavaScript. Quando você topar com esses termos no mundo React você não vai ficar triste porque não tem ideia sobre isso.
Tem cursos dele no Frontend Masters e no Pluralsight também (abaixo eu mostro como conseguir 3 meses free), confira!
The Road to learn React por RWieruch
Robin Wieruch é um engenheiro de software alemão de Berlim, descobri esse cara lendo alguns posts sobre padrões em React. Sabe aquele post em inglês tranquilão de ler? pois é! pra melhorar tinha um monte deles por lá, cada um mais interessante que o outro. Ah sim! ele tem um livro free em React (ou você pode dar o help também com uma quantia x, *recomendo).
Super recomendo esse livro, é um ótimo recurso pra começar a trilhar esse caminho, depois de ler você ainda poder voltar nos posts do blog dele onde tem assuntos mais avançados.
React Fundamentals por Tyler McGinnis
Um dos cursos ex-free mais populares em React, com certeza é um dos meus preferidos. *Vale muito a pena o plano anual pra ter acesso aos cursos do Tyler, a didática dele é bem legal. Ele cobre muito bem os fundamentos, composto por uma série de videos, textos e questionários. Como o autor mesmo cita, todo mundo aprende de uma forma diferente. A promessa deste curso (como também de outros cursos) é que você seja capaz de ver um pedaço de informação de diferentes ângulos, e como acontece, é apresentado o material em formato textual, em video e o famoso quiz. Tudo isso vem pra ajudar a fixar o conteúdo, e ele também aponta a importância de seguir o fluxo do curso, já que o contexto e conceitos fundamentais são apresentados gradualmente.
Afinal, você conhece o autor deste curso? ele chama Tyler McGinnis. Tyler foi Instrutor Líder pela DevMountain em Salt Lake City. Em seu blog, você vai encontrar vários posts sobre React (confere ai) e ainda mais. Ah!, ele também é instrutor pela plataforma de tutoriais em video Egghead. Ele tem contribuído muito pela comunidade React, seja em forma de posts nas plataformas de blog ou com videos. O cara se dedica a compartilhar informações valiosas. Vale muito a pena saber mais, você o encontra aqui mesmo no Medium onde ele também tem vários posts interessantes sobre React (confere esse aqui, muito bom!) e JS também.
Podcasts
Curto muito a ideia dos podcasts, já tenho uma lista bem grande, não só apenas podcasts sobre desenvolvimento como sobre economia, alimentação, espaço, matemática, jogos.. até mesmo interessantíssimas TED talks adaptadas para o formato rádio. Como o assunto aqui é React, vejamos:
React Native Podcast: faz parte da rede DevChat.tv de podcasts (lá tem um monte de outros podcasts bem conhecidos como Ruby Rogues e o JavaScript Jabber), esse podcast traz uma discussão semanal das ferramentas, técnicas e tecnologias usadas para construir aplicações móveis com JavaScript e React, feitas pelos desenvolvedores que utilizam React Native no seu dia a dia.
JavaScript Jabber: como mencionado anteriormente, esse podcast trás uma discussão semanal sobre JavaScript, desenvolvimento de front-end, comunidade, carreiras e frameworks. Pode parecer que vai ter muito JavaScript e pouco React, na verdade, tem muitas coisas dos dois lados. Já ouvi vários episódios interessantes sobre React por lá. Esse podcast geralmente tem convidados interessantes da comunidade JS, recentemente ele estão fazendo uma série sobre a história de pessoas que tem um papel importante para toda comunidade JS, inventores de ferramentas bem conhecidas por nós como Babel, Redux, NPM, Browserify, etc…
Pluralsight
Proprietária da conhecida Code School, o Pluralsight, como eles mesmo dizem, é a maior biblioteca on-line do mundo de treinamento técnico e criativo. Confesso que já utilizo ela por um tempo, tem muita coisa por lá mesmo. E por la mesmo que você vai encontrar os cursos do Cory House em React que são muito bons, recomendo começar pelo curso anterior ao curso em ES6, dai você vai aprender também como fazer a transição de ES5 pra ES6 em uma aplicação React =).
Pra conseguir acesso por 3 longos meses na plataforma (da pra fazer muito curso por lá nesse período), é só você criar sua conta no Visual Studio Dev Essentials da Microsoft, lá você tem outras coisas maneiras como ferramentas, cloud e treinamento.
- Building Applications with React and Redux in ES6 por Cory House
- Building Applications with React and Flux por Cory House
React Router Tutorial
Você quer um bom tutorial hands-on pra começar a usar routing em React? lembre-se de checar esse aqui primeiro, você encontra no próprio Github do React (quanto mais próximo da fonte, melhor). Você clona o repositório do tutorial e já começa a desembolar.
30 Days of React
Aqui temos uma promessa que nos próximos 30 dias você vai acompanhar e passar por tudo que você precisa saber para trabalhar com React. Do básico para testes e de testes para deploy do seu primeiro app.
30 Days of React foi escrito pelo autor Ari Lerner, também autor do famoso livro de Angular.js ng-book, e é um dos autores do livro Fullstack React. Você pode o encontrar no Twitter e no Github.
E sabe o que é mais legal? tudo free.
Fullstack React
O único recurso pago dessa lista é esse livro, esse eu mesmo estou estudando atualmente, basicamente um monstro de 800 páginas, sendo assim, como pode ser incompleto? logo você pode pensar, meio difícil não é? Pois então, é esse o propósito da turma que está desenvolvendo esse projeto. Como anuncia a produtora do livro, existem muitos posts que já não estão válidos, ou estão confusos, incorretos.. Existem muitas opções divulgadas, ou seja, muitas estruturas, uma duzia de implementações Flux.. tempo é dinheiro.. React e todas as bibliotecas malucas atualizam com muita frequência… sendo assim, como que você fica atualizado no meio disso tudo? Bom, existem várias razões que são apontadas pelos produtores, realmente não existe bala de prata pra nada, mas quando vários autores importantes da comunidade, se juntam pra centralizar um monte de conteúdo a respeito de alguma tecnologia, e ainda mais, oferece um plano de 1 ano de atualizações, pô, assim fica legal demais!
Existem 3 tipos planos para comprar o livro. O primeiro é o “Básico”, que basicamente, após efetuar o pagamento de $39 doletas (800 paginas galera, deve ter dado um trabalho pra coletar tanta informação) você adquire uma conta onde você vai poder baixar em vários formatos (pdf, mobi e epub). O plano dito “O Mais Popular” é igual ao primeiro, porém ele vem junto com 3 horas de video aula (pra quem gosta desse meio) para iniciantes, juntamente vai o código utilizado no video para conferir e custa $79 doletas. E finalmente, o ultimo plano é a dita “Licença para Equipe”, conferindo acesso para até 10 membros, a tudo o que está disponível nos outros planos mencionados.
Autores? a equipe por detrás do famoso livro de Angular.js ng-book e o ng-book-2 (pra constar, esses livros foram atualizados por 2 anos, considerando tecnologia web, é um bom tempo de atualizações).
Agora é mão na massa!
Tem muitos outros tutorais, na internet você acha milhares deles, esses são apenas uma pequena parte, são os que filtrei (tanto por conteúdo quanto quanto por validade) para compartilhar com vocês. O bom também é que vocês vão aproveitar e conhecer também todas essas plataformas que mencionei aqui, onde alguns desses conteúdos são publicados.
Galera pra seguir
Procura essa galera que está envolvida no mundo React e segue eles viu… principalmente o Dan, já aprendi muita coisa lendo apenas os tweets dele haha.
- Primeiramente confira a lista do Abramov aqui no Medium
- Dan Abramov (Criador do Redux) Twitter, GitHub
- Cory House (Cursos do Pluralsight) Twitter, GitHub, Pluralsight
- Tyler McGinnis (React Training) Twitter, GitHub
- Brian Holt (Conheço ele pelo Frontend Masters) Twitter, Github
Bonus
Essas talks da galera do Netflix valem muito a pena pra quem ta vibe do React.
“Não há mestre que não possa ser aluno.”
Baltasar Gracián y Morales
Updates
Como o mundo React vive atualizando, vou atualizando aqui também assim que for saindo coisa legal, valeu por ter chegado até aqui! Bons estudos!
