Curso de React para Completos Iniciantes [2024]

BORA DESENVOLVER UM SAAS DE GESTÃO DE CLÍNICAS DO ZERO AO DEPLOY? ✅ Integração com pagamento ✅ Certificado ✅ Suporte ✅ Sorteio e muito mais... 👇 Pegue sua vaga aqui e agora antes de virar o lote e ficar mais caro... https://swiy.co/bootcamp_youtube -------------------------- Nesse curso você vai aprender todos os fundamentos essenciais do React para dar os seus primeiros passos nessa tecnologia extremamente desejada pelo mercado e criar o seu primeiro projeto! Repositório com o código final: https://github.com/felipemotarocha/curso-de-react-yt -------------------------- CONHEÇA O FULL STACK CLUB: https://fullstackclub.com.br ME SIGA NO INSTAGRAM: https://www.instagram.com/byfeliperocha/ -------------------------- ASSISTA AOS MELHORES VÍDEOS DO CANAL: ▸ CURSO DE HTML, CSS & JAVASCRIPT https://youtube.com/playlist?list=PLm-VCNNTu3LlXF_xsvl6fzf9KBFb3jHN-&si=MBds71stoTElU89u ▸ CURSO DE TYPESCRIPT PARA COMPLETOS INICIANTES https://youtu.be/ppDsxbUNtNQ ▸ GUIA COMPLETO DE REDUX https://youtu.be/mXI2-gjIZ40 ▸ COMO USAR TYPESCRIPT NO REACT https://youtu.be/2-I3x3voXL8 -------------------------- REDES SOCIAIS: GitHub: https://github.com/felipemotarocha​​ Instagram: https://www.instagram.com/byfeliperocha/ -------------------------- 00:00:00 - Introdução 00:00:43 - DEIXA O LIKE! 00:01:17 - Apresentação do projeto 00:01:51 - Teoria antes da prática 00:03:57 - O que é o React? 00:05:39 - Por que aprender React? 00:08:55 - O que são componentes? 00:10:26 - Preparando o ambiente de desenvolvimento 00:14:49 - Inicializando o projeto com o Vite 00:16:16 - Entendendo a estrutura de pastas do projeto 00:17:08 - Como funciona e o que é uma SPA? 00:20:09 - Vantagens de uma SPA 00:20:42 - main.jsx 00:22:43 - Componentes na prática 00:24:03 - Criando o nosso primeiro componente 00:25:12 - Como funciona o JSX? 00:26:36 - O que é State (Estado)? 00:35:46 - Conhecendo o Tailwind CSS 00:42:12 - Props 00:46:08 - Renderizando listas 00:49:29 - Botão de "Ver detalhes" 00:52:49 - Alterando uma tarefa para concluída 00:56:30 - Funções como Props 00:58:14 - Renderização condicional 01:01:21 - Apagando tarefas 01:05:23 - Adicionando tarefas (componente AddTasks) 01:17:00 - Adicionando validações na criação de uma tarefa 01:20:08 - Página de detalhes da tarefa com React Router 01:25:40 - Acessando parâmetros da URL 01:28:26 - Navegação entre páginas 01:31:28 - Estilizando a tela de detalhes da tarefa 01:38:32 - Salvando tarefas no LocalStorage 01:45:08 - APIs & JSONPlaceholder 01:53:55 - Criando o componente Input 01:58:17 - Criando o componente Button 02:01:03 - Criando o componente Title 02:03:12 - Revisão dos componentes 02:04:18 - Componentes de Classe 02:07:29 - Deploy da aplicação 02:14:43 - Entendendo renderização condicional 02:15:28 - Próximos passos 02:24:50 - Conclusão