O ecossistema frontend é dominado pelo React.js. É um dos mais rápidos frameworks JavaScript em ascensão na web, sem sinais de desaceleração, e há muitas oportunidades de trabalho para um desenvolvedor React qualificado.
Mas esta biblioteca vem com uma íngreme curva de aprendizagem que pode levar semanas ou meses para entender. A melhor maneira de aprender é praticar coisas de construção, mas esses guias gratuitos podem ajudá-lo a aprender um pouco mais rápido e oferecer alguma estrutura às suas sessões de prática do React.
Egghead
O site da Egghead tem vários cursos em muitas bibliotecas JS diferentes. Alguns desses cursos têm uma mistura de vídeos gratuitos e premium, mas muitos são totalmente gratuitos, o que é ótimo para desenvolvedores novatos.
Eu recomendo o curso React Fundamentals, que é gratuito e abrange 60 minutos em algumas dezenas de vídeos. É definitivamente um curso de introdução, mas vai cobrir muitos assuntos cruciais que você terá que aprender a pegar o React.
A qualidade de vídeo do cabeçote também é excelente, então este é definitivamente um site para marcar outros cursos também.
React JS Crash Course (YouTube)
Existem dezenas de tutoriais em vídeo do React.js no YouTube, por isso é difícil saber por onde começar. Este vídeo do Curso React Crash Course abrange todos os conceitos básicos, incluindo a arquitetura MVC e a estrutura básica dos aplicativos React.js.
Este vídeo tem pouco mais de 1 hora de duração e certamente não é um guia completo, mas eu acho que é uma introdução sólida para a biblioteca se você não tiver experiência prévia e pouca ou nenhuma ideia do que o React faz.
FB React Docs
Se você pesquisar gratuitamente os recursos do React, você certamente tropeçará na documentação do Facebook .
Esses documentos podem ser concisos e difíceis de se trabalhar inicialmente, mas a qualidade é ótima e a escrita é voltada para pessoas que não sabem muito (ou nada) sobre o desenvolvimento do React.
Eu especificamente recomendo este tutorial . É um verdadeiro tutorial guiado em vez de uma visão geral da documentação, mas você deve tentar ler os dois, pois há muito conhecimento que você precisa absorver.
To-Do App With React
Todos os tutoriais no Scotch.io são fenomenais. A escrita, os resultados e a qualidade real do código são equivalentes aos melhores guias autodidatas que você encontrará on-line.
De todos os seus guias, eu especificamente recomendo o aplicativo simples de fazer, pois ele orienta você em um fluxo de trabalho típico e ensina práticas comuns para a criação de aplicativos da Web.
Mas a categoria Scotch React tem dezenas de tutoriais similares que você pode aprender e trabalhar. Muitos deles têm como alvo desenvolvedores de nível intermediário, portanto, como um novato completo, você pode ter dificuldades. Mas o Scotch entra em tantos detalhes que é facilmente um dos melhores blogs para revisitar para futuras lições.
React Enlightenment
O guia de iluminação React de código aberto é um dos melhores sites para usar em toda a sua jornada. É conciso, mas direto ao ponto. E como é de código aberto, a coisa toda é livre para ler on-line ou fazer o download localmente.
Cada página deste guia é hospedada gratuitamente no GitHub e abrange muitas práticas recomendadas para novos desenvolvedores. Você aprenderá sobre o ES6 e o JSX / templates juntamente com a manipulação e os componentes básicos do DOM.
Apenas observe que este guia não segura sua mão nem espera que você a acompanhe. Você precisará fazer muita pesquisa no Google para responder às perguntas que tiver ao longo do caminho. Mas este guia pode levá-lo muito longe e é frequentemente atualizado com novas informações.
TutsPlus React Tutorials
Todo tutorial que eu encontro no site do TutsPlus é fenomenal. Eles publicam conteúdos incrivelmente detalhados resolvendo problemas muito específicos, e na maioria das vezes você pode seguir estes guias passo-a-passo, o que é útil para iniciantes.
A categoria TutsPlus React tem dezenas de tutoriais que vão desde o básico completo até guias de desenvolvimento de aplicativos mais avançados. Para um novato, recomendo Introdução ao React. Ele oferece uma introdução sólida a todas as ferramentas e fluxos de trabalho que acompanham o ambiente React.js.
React.js para iniciantes (YouTube)
Um outro tutorial em vídeo do YouTube que eu gosto é este de Dev Tigris. É um guia completo para iniciantes e o estilo de ensino é muito claro.
Este vídeo tem apenas uma hora de duração, mas deve deixá-lo confortável com o básico do React. Este vídeo não o tornará totalmente independente ou capaz de criar aplicativos detalhados do zero. Mas você irá embora sabendo como o Reagto funciona e pensando de uma maneira mais orientada para o Reagir.
Dica: verifique os vídeos relacionados que você vê na barra lateral deste vídeo. Muitos desses também são ótimos e valem o seu tempo.
React Fundamentals
O site React Training é mais um recurso meio-livre e meio premium para o aprendizado do React. E se você tiver tempo para passar pelo conteúdo gratuito, ficará agradavelmente surpreendido.
Isso funciona como uma série de cursos on-line, em que você pode estudar tópicos junto com outros alunos, e o melhor curso gratuito é o React Fundamentals .
Todo o material do curso abrange um total de 4+ horas com uma lista principal de 48 lições diferentes. O curso é atualizado frequentemente com novas técnicas e melhores práticas do React, então vale a pena verificar de tempos em tempos.
Codementor React tutoriais
A ideia por trás do Codementor é bem simples. Você se une a um mentor digital que ajuda você a trabalhar em diferentes projetos e bibliotecas. Mas essas sessões geralmente custam dinheiro, então para ajudar os iniciantes sem um orçamento, Codementor compartilha tutoriais escritos gratuitos em seu blog.
Você pode navegar por todos os seus tutoriais React e escolher quaisquer tópicos que lhe interessem. Alguns cobrem os guias básicos de configuração do React, outros abrangem o React Native para aplicativos móveis, e outros abrangem ideias malucas como o aplicativo React Pokédex .
É bom ter um pouco de experiência no React antes de seguir esses tutoriais. Eles entram em tantos detalhes que podem ser difíceis para novatos completos, mas eu garanto que você vai melhorar suas habilidades apenas seguindo alguns desses guias.
Curadoria React/Redux Redux
Por último, eu tenho que incluir essa lista de links do React.js porque realmente é o melhor lugar para encontrar os recursos de aprendizado do React.js.
O desenvolvedor Mark Erikson fez a curadoria dessa enorme lista de tutoriais e guias organizados por nível de habilidade e assunto. Você encontrará vários guias para iniciantes nos padrões de design de aplicativos React, ES6 e JS.
Mantenha isso marcado para referência futura, pois à medida que suas habilidades melhorarem, você encontrará muito valor em alguns dos tutoriais mais avançados.
Esses recursos gratuitos são apenas minhas recomendações pessoais, mas a comunidade React está mudando constantemente e novos tutoriais incríveis são publicados todos os anos. Dê uma olhada nesses links para ver se algum deles pode ajudar você a começar, mas se você estiver procurando por mais alternativas, acerte o Google e veja o que mais você pode encontrar.