Para conclusão
O React é a biblioteca JavaScript mais popular em desenvolvimento Front-End na atualidade. O que faz esta biblioteca ser tão amada é que ela traz uma maneira simplificada para a criação de interfaces de usuário, além de possibilitar uma atualização e renderização eficientes dos componentes necessários à medida que os dados mudam.
Surgiu da dificuldade do time do Facebook em sincronizar os diversos eventos que ocorriam ao mesmo tempo na tela da rede social (pop-ups, chat, lista de amigos etc), porque a lógica ficava muito complexa para fazer a página atualizar todos os elementos simultaneamente. O que começou a ser resolvido mais tarde com o gerenciamento (alteração) de estado.
O React trabalha de forma declarativa e flexível, possibilitando a criação de interações complexas.
Ambas são bibliotecas que beneficiam o trabalho com React, enquanto com a primeira é possível fazer CSS no JavaScript (CSS-in-JS), a segunda se trata é para o gerenciamento de estados.
Somado ao TypeScript, a pessoa desenvolvedora consegue otimizar o seu código, identificando e prevenindo erros durante o desenvolvimento, além de possuir uma flexibilidade maior para trabalhar com tipagem.
Antes de mergulhar no mundo React, é importante ter conhecimento em HTML, CSS, JavaScript e TypeScript. Conhecer Git e versionamento de código também será muito valioso para aproveitar a formação.
Conteúdos pensados para facilitar seu estudo
Formação completa para o mercado
Do zero ao sonhado emprego em sua área de interesse
Comece essa formação agora mesmo e capacite-se para seu próximo projeto!
Conheça os planos
Vinicios Neves, Tech Lead e Educador, mistura código e didática há mais de uma década. Especialista em TypeScript, lidera equipes full-stack em Portugal e inspira futuros desenvolvedores na FIAP e Alura. Com um pé no código e outro no ensino, ele prova que a verdadeira engenharia de software vai além das linhas de código. Além de, claro, ser senior em falar que depende.
Vinicios Neves, Tech Lead e Educador, mistura código e didática há mais de uma década. Especialista em TypeScript, lidera equipes full-stack em Portugal e inspira futuros desenvolvedores na FIAP e Alura. Com um pé no código e outro no ensino, ele prova que a verdadeira engenharia de software vai além das linhas de código. Além de, claro, ser senior em falar que depende.
Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de Desenvolvedor de Software na Alura e possuo experiência com desenvolvimento usando JavaScript/TypeScript, React js, Next js e Node.js. Amo compartilhar conhecimento, pois acredito que a educação é transformadora e quero mudar a vida de pessoas através da educação assim como consegui mudar de vida. Também amo ouvir e tocar música, ler livros e mangás e assistir séries.
Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de Desenvolvedor de Software na Alura e possuo experiência com desenvolvimento usando JavaScript/TypeScript, React js, Next js e Node.js. Amo compartilhar conhecimento, pois acredito que a educação é transformadora e quero mudar a vida de pessoas através da educação assim como consegui mudar de vida. Também amo ouvir e tocar música, ler livros e mangás e assistir séries.
No primeiro passo desta formação, você vai entender mais sobre o TypeScript e como configurá-lo em projetos. Explore os tipos mais utilizados como string, number, boolean entre outros, crie interfaces e generics e entenda os benefícios de usar o TypeScript em sua aplicação. Todos esses conceitos serão aplicados no contexto dos componentes do React.
Curso React: desenvolva aplicações tipadas e escaláveis com Typescript
10h
Artigo TypeScript: o que é, diferenças para o JS e como aprender | Alura
Artigo Componentes React com TypeScript | Alura
Podcast TechGuide: Typescript – Hipsters Ponto Tech #378
Neste passo, mergulhe de cabeça nos hooks e aprenda a tipá-los corretamente. Você vai dominar useState, useEffect, useContext e outros.
Explore a Context API e TypeScript, entendendo como compartilhar dados entre componentes de forma organizada e previsível.
Para completar, descubra como o Recoil muda a gestão de estados das suas aplicações.
Curso React com Typescript: aplique Hooks e Context API tipados
10h
Curso React: gerenciando estado com Recoil
08hArtigo Qual o tipo de um React Hook? | Alura
Artigo Context API e TypeScript: guia prático para devs | Alura
Neste passo, você vai aprender a integrar suas aplicações com APIs, enviando e recebendo dados. Crie hooks personalizados para lidar com requisições e organizar seu código de forma reutilizável e totalmente tipada.
Para fechar com chave de ouro, conheça novos recursos do React como o hook use, que simplifica ainda mais o consumo de dados.
Curso React: integrando seu projeto React com APIs
08hArtigo O que é o Docker e quais as Vantagens de usá-lo? | Alura
Neste passo, você vai aprender a escrever testes automatizados para suas aplicações React, utilizando o TypeScript para trazer ainda mais segurança e clareza ao processo.
Vamos explorar ferramentas como Jest e React Testing Library, garantindo que seus componentes e hooks funcionem como esperado.
E mais: descubra como tipar corretamente seus testes, trabalhar com mocks e aplicar boas práticas como o padrão AAA (Arrange, Act, Assert) e aplicar o TDD (Test Driven Development — desenvolvimento orientado a teste).
Curso React: testando os seus componentes
10hArtigo Escrevendo testes automatizados com React e TypeScript | Alura
Site TechGuide: Testes de Software - Hipsters Ponto Tech #382 - Hipsters Ponto TechHipsters Ponto Tech
Escola
Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...
Conheça a EscolaImpulsione a sua carreira com os melhores cursos e faça parte da maior comunidade tech.
1 ano de Alura
Assine o PLUS e garanta:
Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.
No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.
Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.
Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.
Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.
Acelere o seu aprendizado com a IA da Alura e prepare-se para o mercado internacional.
1 ano de Alura
Todos os benefícios do PLUS e mais vantagens exclusivas:
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos, corrige exercícios e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com a Luri até 100 mensagens por semana.
Aprenda um novo idioma e expanda seus horizontes profissionais. Cursos de Inglês, Espanhol e Inglês para Devs, 100% focado em tecnologia.
Transforme a sua jornada com benefícios exclusivos e evolua ainda mais na sua carreira.
1 ano de Alura
Todos os benefícios do PRO e mais vantagens exclusivas:
Mensagens ilimitadas para estudar com a Luri, a IA da Alura, disponível 24hs para tirar suas dúvidas, dar exemplos práticos, corrigir exercícios e impulsionar seus estudos.
Envie imagens para a Luri e ela te ajuda a solucionar problemas, identificar erros, esclarecer gráficos, analisar design e muito mais.
Escolha os ebooks da Casa do Código, a editora da Alura, que apoiarão a sua jornada de aprendizado para sempre.