React - Clone MyChat (+React Router, React Hooks) 2020

Com tecnologias práticas, incríveis e simples como Meteor, React Hooks, TypeScript e Styled Component

Você tem vontade de criar sua própria rede social, mas não sabe por onde começar? Bem, neste curso, eu mostro como fazer isso criando um clone do MyChat Web. E depois de passar por ele, eu garanto que este curso é atualmente o único que aborda esse tema em francês (na internet). Você sabia que a versão oficial do WhatsApp Web é construída com React e Styled Component? React é um framework JavaScript de código aberto mantido pelo Facebook. Ele permite que você crie aplicações web de página única através da criação de componentes. Styled-component é uma biblioteca JavaScript que permite aumentar a produtividade e facilitar a criação de componentes visuais (componentes de interface do usuário) no React escrevendo código CSS em um arquivo JavaScript. Você provavelmente já ouviu dizer que, para progredir como desenvolvedor, você precisa praticar em projetos reais e tentar clonar (reproduzir), com seu próprio código, as aplicações que você gosta. Foi assim que eu embarquei na ideia maluca de clonar o WhatsApp Web com React e Styled Component. Rapidamente, encontrei um problema... Com React e Styled Component no front-end, estava ótimo, mas o problema era que o WhatsApp é um sistema de mensagens instantâneas, o que significa que as mensagens precisam chegar em tempo real. Isso não é fácil de implementar com JavaScript (socket) quando você quer criar uma aplicação do tamanho do WhatsApp. Foi aí que pensei no Meteor, que é essencialmente um framework JavaScript FullStack que permite criar aplicações em tempo real. Foi um desafio para mim, e uma vez que consegui, fiquei tão feliz que decidi compartilhar com a comunidade francófona. Por isso, criei este curso que permitirá que você crie um clone do WhatsApp Web com seu próprio código. Você até pode se inspirar nele para criar sua própria versão do WhatsApp. Eu sou Julien, um desenvolvedor web e autor do livro de maior sucesso Ionic 4 - Criando um Aplicativo de Compras. Eu amo JavaScript e suas frameworks/bibliotecas. Tenho proficiência em JQuery, TypeScript, Angular, Ionic, React, React Native, Meteor, Electron, NodeJs, etc. E aprendi por experiência própria que é mais fácil aprender programação através de um projeto que gostamos. Por isso, este curso é orientado a projetos. Aprenderemos como criar aplicações web em tempo real com React, criando um clone do MyChat Web. Graças ao Meteor, TypeScript, React Hooks e Styled Component. Esta é uma oportunidade única para você, pois atualmente é o único tutorial em francês que aborda esse tema na internet. E tudo bem se você não conhece o Meteor ou React Hooks ou TypeScript ou Styled Component, porque eu vou explicar tudo isso no apêndice do curso. Na origem de todo sucesso está o fato de ter ousado. Então acredite em si mesmo e você terá sucesso. Da minha parte, me comprometo a acompanhá-lo e responder às suas dúvidas ao longo do curso. Graças à Udemy, este curso tem garantia de satisfação ou seu dinheiro de volta por 30 dias, sem perguntas. Se você não gostar do curso, é simples, nós devolveremos seu dinheiro. Então inscreva-se agora. Este curso permitirá que você: Crie um clone do WhatsApp Web, que impressionará os recrutadores para conseguir o emprego dos seus sonhos; Use React e Meteor juntos, permitindo que você crie aplicações web com comunicação em tempo real; Familiarize-se com React Hooks e Styled Components, permitindo que você crie designs web flexíveis e dinâmicos para sua própria rede social; Codifique em TypeScript em vez de JavaScript básico ao trabalhar com React e Meteor, adicionando um toque de segurança à sua programação; Use publicações/assinaturas e Métodos no Meteor para proteger sua aplicação; Use Tracker e withTracker para implementar programação reativa, permitindo que você implemente tempo real em menos de 20 segundos para toda a sua aplicação; Filtrar coleções do Meteor, permitindo que você, por exemplo, implemente um sistema de busca de usuários; Use o pacote Meteor ostrio:file para configurar um sistema de upload de arquivos (imagens) para sua aplicação; Domine useState e useEffect, permitindo que você crie campos controlados e atualize o DOM de forma reativa; Use componentes estilizados para adicionar estilo aos seus componentes, permitindo que você crie estilos e temas dinâmicos; Use a biblioteca JavaScript moment para criar e manipular datas, permitindo que você manipule e gerencie fusos horários e formatos de data com mais facilidade de acordo com suas necessidades; Use o Componente Moment fornecido pelo react-moment, permitindo que você exiba datas criadas a partir da biblioteca moment; Use o react-flip-move, permitindo que você anime suas listas toda vez que um elemento for adicionado ou removido com apenas 3 cliques. Para aprimorar seu design e dar a ele uma aparência profissional; Use o react-fontawesome, permitindo que você exiba ícones FontAwesome em um componente React; O que você faria se não tivesse medo? Mark Zuckerberg. Então não espere mais, clique no botão e inscreva-se agora, e nos veremos do outro lado para começar. Bem-vindo a este curso de React. P.S.: Se você já tem o básico, comece diretamente com a introdução (Seção 4).

O que você vai aprender

• Criar sua própria rede social
• Criar seu próprio MyChat
• Construir sua própria rede social com sistema de mensagens instantâneas, upload de fotos, busca de usuários, sistema de autenticação, etc.
• Escrever código rapidamente e de forma simples para implementar comunicação em tempo real com o Meteor.
• Fazer o Meteor, React e TypeScript trabalharem juntos e entender as diferenças entre os três.