Overview

Google, IBM & Meta Certificates – 40% Off

One Coursera Plus subscription covers most Professional Certificates on Coursera.

Nessa trilha, você aprenderá os fundamentos essenciais para iniciar sua jornada no React.js, um dos ecossistemas mais incríveis para construir aplicações modernas, interativas e escaláveis. Vamos explorar o básico do React, desde seus conceitos internos até a estruturação de HTML, CSS e JavaScript em componentes reutilizáveis. Você também aprenderá a trabalhar com estados locais e globais, efeitos, eventos, requisições, formulários e mais. Tudo isso enquanto desenvolve projetos práticos que simulam desafios do mundo real. Ao final, você estará pronto(a) para iniciar sua carreira no framework mais desejado e amplamente utilizado no mercado nacional e internacional.

Syllabus

Fundamentos
- Nesse módulo você dará os seus primeiros passos com o React entendendo o que é React e o que não é, DOM x Virtual DOM, árvore de renderização, reconciliação, como reutilizar código por meio de componentes, formas de rodar o React e como criar o seu primeiro "Hello World" Nesse módulo você vai se aprofundar na estruturação de projetos React: HTML, CSS, JSX, componentes, propriedades, estilização com TailwindCSS. Além disso, vai aplicar esses conceitos na prática em um projeto de Calculadora. Nesse módulo, você irá dar vida aos elementos no React. Começará entendendo sobre eventos, estados, React Hooks, renderizações condicionais, renderizações de listas, filtragem de listas, APIs de Contexto, Efeitos e Hooks Customizados. Além disso, também aplicará de forma prática esses conceitos no projeto da Calculadora.
Criando primeiro projeto com tooling
- Nesse módulo, você irá aproveitar o conhecimento do módulo anterior para criar o seu primeiro projeto React com um tooling: Vite. No ToDo, você aprenderá sobre componentização, estilização e variantes, estados do React, armazenamento local do navegador (localStorage) e até sobre como trabalhar com pending states (skeletons, spinners) ao simular requisições assíncronas.
Avançando no fundamentos
- Nesse módulo, iniciaremos a introdução teórica de novos conceitos que te auxiliarão no desenvolvimento de aplicações React. Começaremos por hooks mais específicos como manipulação de elementos da DOM ou memoização de trechos de código para melhoria de performance. Em seguida, entenderemos mais sobre como trabalhar com requisições assíncronas no React. Nesse módulo, começaremos a parte prática desse nível ao desenvolver o projeto Álbum de Fotos. Listar fotos, criar álbuns, realizar upload de arquivos, implementar filtros de buscas e comunicar com API são algumas das funcionalidades que exploraremos nesse projeto.
React moderno
- Nesse módulo, vamos explorar as principais novidades do React 19 e a nova forma de pensar o desenvolvimento de interfaces. Começaremos pelas Actions e pelos formulários modernos, simplificando o controle de envio, erros e carregamento com hooks como useActionState e useFormStatus. Em seguida, criaremos experiências mais fluidas com UI otimista e atualizações não urgentes usando useOptimistic e useTransition, além de aprender a lidar com requisições assíncronas de forma declarativa com Suspense, use e lazy. Por fim, conheceremos recursos que tornam suas aplicações mais precisas e performáticas, como useEffectEvent, o componente Activity e o React Compiler, fechando com outras melhorias que facilitam o dia a dia.