7 melhores tutoriais gratuitos para aprender a reagir e criar aplicativos para a web

Propaganda

No momento, o React não está apenas no auge de sua popularidade, mas sua popularidade está se acelerando. Tão longe quanto O desenvolvimento da web em JavaScript está preocupado Programação vs. Desenvolvimento Web: Qual é a diferença?Você pode pensar que os programadores de aplicativos e os desenvolvedores da Web fazem o mesmo trabalho, mas isso está longe de ser verdade. Aqui estão as principais diferenças entre programadores e desenvolvedores da web. consulte Mais informação , React é uma das estruturas mais fáceis de aprender e uma das mais eficazes para um desenvolvimento rápido e robusto.

Então, se você decidiu aprender, dê um tapinha nas costas: você fez uma escolha inteligente.

O único problema é que os cursos React que valem a pena custam caro. Por exemplo, o aclamado Curso React for Beginners custa $ 89 (versão inicial) e $ 127 (versão master). Cursos gratuitos raramente são tão abrangentes e úteis - mas encontramos vários que são excelente e você começará com o pé direito

O que faz um bom tutorial de programação?Nem todos os tutoriais de programação são iguais. Alguns beneficiam você e outros acabam perdendo seu tempo. Aqui está o que procurar em um tutorial de programação de qualidade. consulte Mais informação .

1. Curso de Fundamentos do React Training

Tyler McGinnis é um conhecido desenvolvedor e instrutor do React, que ensina e escreve sobre o React há anos. Atualmente, ele tem quatro cursos disponíveis no React Training [No Longer Available], sendo que o primeiro é totalmente gratuito e serve como ponto de entrada para os demais.

React Fundamentals é dividido em 32 videoaulas que somam três horas completas de ensino. Você aprenderá tudo o que precisa para ter um aplicativo React básico instalado e funcionando (ou seja, ecossistema React, NPM, Babel e Webpack), os principais conceitos e ciclo de vida que conduzem os aplicativos React, como escrever componentes corretamente e como transmitir dados por aí.

É denso. É informativo. É a introdução perfeita, e o fato de McGinnis oferecer isso gratuitamente é incrível. Esta deve ser sua primeira parada ao aprender React.

Local na rede Internet - Curso de fundamentos do React [não mais disponível]

2. Hacking With React

Hacking With React é um e-book totalmente gratuito, de capa a capa, se você ler a versão somente para web. Você pode obter uma versão para download em PDF, EPUB ou MOBI por US $ 10 se preferir levá-la com você e aprender off-line. De qualquer forma, é um recurso incrível para iniciantes que não gostam de vídeos.

Começa bem no início, explicando conceitos básicos como JSX e componentes e adereços, e segura sua mão enquanto avança para tópicos intermediários, como estados, roteamento, testes, linting e mais. É escrito em ES6 do início ao fim e você aprenderá as melhores práticas ao longo do caminho, incluindo Babel, Webpack e ESLint.

Isso o tornará um especialista em React? Não mas isso vai deixá-lo confortável o suficiente para se sentir confiante e continuar aprendendo. No mínimo, você saberá React mais do que suficiente para decidir se deve gastar dinheiro em um curso premium avançado em outro lugar.

Local na rede Internet — Hacking With React

3. O tutorial oficial do React

Você pensaria que o tutorial oficial deveria ser o primeiro lugar para se aprender o React, mas eu pessoalmente achei um pouco rápido demais para iniciantes - supôs muito mais conhecimento do que a maioria novatos têm. É perfeito se você já teve experiência anterior com outra estrutura JavaScript da web.

Dito isso, o tutorial oficial do React é fantástico, uma vez que você aprendeu os principais conceitos do React e está lutando para colocá-los em prática. Ele conduz você através da criação de um aplicativo da web jogo da velha usando nada mais do que componentes, adereços e estado. Ele preenche a lacuna entre a teoria abstrata e a aplicação prática.

Eu também recomendo verificar o documentação oficial do React, o que explica cada detalhe de React com uma quantidade surpreendente de detalhes. Em particular, o Pensando em Reagir A página é como um mini-tutorial sobre como compreender os idiomas que impulsionam o React. Não tenha medo de consultar a documentação do React repetidamente enquanto aprende e cria seus próprios aplicativos.

Local na rede Internet — O tutorial oficial do React e Pensando em Reagir

4. Curso de fundamentos do React do Egghead

Cabeça de ovo oferece dezenas de cursos (centenas de lições) sobre vários tópicos de desenvolvimento web: JavaScript, Angular, React, RxJS, Node, TypeScript, etc. React é o terceiro maior tópico do site e, embora a maioria dos cursos seja para usuários premium, há cinco disponíveis gratuitamente:

• Comece a usar o React para criar aplicativos da Web
• Adicionar roteamento a aplicativos React usando React Router v4
• Primeiros passos com Redux
• Construindo Aplicações React com Redux idiomático
• Gerenciar estado complexo em aplicativos React com MobX

Os dois primeiros são os mais importantes, mas provavelmente você desejará tomar todos eles em algum momento (de maneira ideal na ordem listada). Os cursos presumem que você já conhece JavaScript, então verifique os cursos de JavaScript da Egghead se você ainda não está confortável com o idioma 7 truques úteis para dominar uma nova linguagem de programaçãoÉ normal ficar sobrecarregado quando você está aprendendo a programar. Você provavelmente vai esquecer as coisas tão rápido quanto as aprende. Essas dicas podem ajudá-lo a reter melhor todas as novas informações. consulte Mais informação .

Observe que os cursos premium também são muito bons e vale a pena conferir se você puder pagar a assinatura Pro: $ 40 por mês ou $ 200 por ano.

Local na rede Internet — Curso de fundamentos do React do Egghead

5. Aprenda a reagir e reduxar com cabine

Embora Redux não faça parte do framework React central, eles são tão frequentemente usados ​​juntos que você realmente deveria aprendê-lo. E mesmo se você eventualmente se afastar do Redux, você pode levar os conceitos com você e aplicá-los a tudo o que você acabar usando em seu lugar.

Cabine é uma série de tutoriais de 10 partes que ensinará como criar um aplicativo de rede social simplificado do zero: instalando Node / React / Webpack, entendendo como o React funciona, incorporando Redux, lidando com recursos de redes sociais como feeds e notificações, processando imagens e filtros como Instagram, e mais.

A última parte é uma visão geral das "melhores práticas" que não apenas ensina a maneira mais eficaz de usar e organizar o React / Redux, mas também erros comuns a evitar, como projetar um aplicativo escalonável e como usar ferramentas de terceiros para facilitar seu desenvolvimento fluxo de trabalho.

Local na rede Internet — Aprenda a reagir e reduxar com cabine

6. Curso React da LearnCode Academy

Nos últimos anos, LearnCode Academy se distinguiu como um dos melhores canais de programação no YouTube Os 17 melhores tutoriais de programação do YouTubeNesta postagem, gostaríamos de apontar algumas das melhores séries de programação do YouTube que encontramos. Tudo isso é suficiente para molhar os pés como um programador novato. consulte Mais informação . É especializado em desenvolvimento web e cobre todos os tipos de tópicos, desde HTML, CSS e JavaScript até estruturas específicas como Angular e React. E é tudo grátis.

O curso é dividido em três seções: oito vídeos sobre os conceitos básicos do React, seis vídeos sobre o uso do Flux para arquitetura de dados e sete vídeos sobre o uso do Redux para gerenciar o estado. Tudo isso é feito usando práticas atualizadas, incluindo ES6 e Webpack.

Observe que este não é um curso abrangente, e Flux e Redux são conceitos avançados que não fazem parte do núcleo Framework React, então recomendamos usar este curso como uma forma de revisitar e consolidar os conceitos aprendidos nos cursos acima.

Local na rede Internet — Curso React da LearnCode Academy

7. A Convenção React

Alguns programadores preferem codificar por convenção - isto é, aderindo a um determinado conjunto de decisões de design ("convenções") de projeto a projeto para minimizar a complexidade e acelerar o processo de desenvolvimento, especialmente na fase inicial de novos projetos. Este e-book online tem como objetivo apresentar um tipo de convenção que os desenvolvedores do React podem seguir.

Antes de mergulhar nisso, no entanto, você já deve estar bem versado no ES6, confortável com a estrutura React e entender os fundamentos do Redux. Este e-book não é para iniciantes em si. Em vez disso, é útil para intermediários que se sentem sobrecarregados e não têm certeza de como transformar seu conhecimento do React / Redux em aplicativos da web do zero.

O tutorial começa com um projeto de kit inicial e mostra como modificá-lo. Seguindo esta convenção em projetos futuros, você não precisará perder tempo recriando tudo.

Local na rede Internet — A Convenção React

Então você aprendeu a reagir: e agora?

Com esses tutoriais em seu currículo, você deve ter mais do que conhecimento o suficiente para começar a fazer seus próprios aplicativos da web com o React. Neste ponto, tudo o que resta é praticar, praticar, praticar. E o que é particularmente legal é que você pode mais tarde use React Native para criar aplicativos móveis Para construir um aplicativo Android, você precisa aprender estas 7 linguagens de programaçãoQual linguagem de programação é certa para criar aplicativos Android? Tudo se resume ao seu histórico de programação e quais linguagens você se sente mais confortável em usar. Felizmente, você tem opções. consulte Mais informação - mas não se precipite. Fique com os aplicativos da web até estar confiante.

Vai ser um caminho difícil, então recomendamos verificar nosso artigo sobre aprendendo a programar sem estresse Como aprender a programar sem todo o estresseTalvez você tenha decidido buscar programação, seja por uma carreira ou apenas como um hobby. Excelente! Mas talvez você esteja começando a se sentir oprimido. Não é tão bom. Aqui está uma ajuda para facilitar sua jornada. consulte Mais informação . Só porque você está lutando, não significa você não foi feito para ser um programador 6 sinais de que você não foi feito para ser um programadorNem todo mundo foi feito para ser programador. Se você não tem certeza de que foi feito para ser um programador, aqui estão alguns sinais que podem apontar na direção certa. consulte Mais informação !

Para mais aprendizado, confira os melhores cursos que vale a pena pagar no Coursera Os 11 melhores sites para cursos online gratuitos de programação de computadoresUsando esses cursos de programação de computadores online gratuitos, você pode se tornar um grande programador sem um diploma de ciência da computação. consulte Mais informação .

Esperançosamente, esses tutoriais gratuitos ajudaram! Se você souber de qualquer outro recurso gratuito do React que tenhamos perdido, informe-nos em um comentário abaixo.

Crédito da imagem: guteksk7 via Shutterstock.com