Crie sua própria aplicação de mídia social usando ReactJs, Sanity, Tailwind CSS.
Aprenda como construir um projeto React do zero e configurar os Serviços da API do Google Cloud em seu projeto. Construa o projeto e faça o deploy. Neste curso, você aprenderá sobre ReactJs, Tailwind CSS e Sanity Content Platform.
React: React é uma biblioteca JavaScript de front-end gratuita e de código aberto para construir interfaces de usuário baseadas em componentes de UI. É mantido pela Meta e por uma comunidade de desenvolvedores e empresas individuais. React pode ser usado como base no desenvolvimento de aplicativos de página única ou móveis. Antes de continuarmos, observe que os Hooks são completamente opcionais. Você pode experimentar Hooks em alguns componentes sem reescrever nenhum código existente. Mas você não precisa aprender ou usar Hooks agora se não quiser. Hooks são 100% compatíveis com versões anteriores. Hooks não contêm nenhuma alteração quebradora. Hooks agora estão disponíveis com o lançamento da v16.8.0.
Sanity: Sanity-io é a plataforma de conteúdo unificada que impulsiona melhores experiências digitais. O Sanity Studio é um aplicativo de página única de código aberto construído com React.js. Você define seus modelos de conteúdo com JavaScript simples. Você também pode estendê-lo com seus próprios componentes React.js. O Studio vem com recursos avançados que permitem personalizar fluxos de trabalho para seus editores. Você também pode instalar e criar plugins para o Sanity Studio e publicá-los no npm.
Tailwind CSS: Construa rapidamente sites modernos sem nunca sair do seu HTML. Um framework CSS de utilitários em primeiro lugar, repleto de classes como flex, pt-4, text-center e rotate-90 que podem ser compostas para construir qualquer design, diretamente em sua marcação.
Capítulos abordados:
1. Criando projeto React e configurando as configurações do React
2. Como criar componentes reutilizáveis
3. O que é um hook do React?
4. Como estilizar os componentes do React
5. Como criar designs responsivos
6. Como configurar um projeto no Sanity
7. Como configurar a API e os serviços do Google Cloud
8. Como usar o Tailwind CSS
9. Como fazer o deploy do projeto no Netlify
O que você aprenderá:
- Como criar uma interface de usuário moderna
- Aprenda a usar a plataforma de conteúdo Sanity
- Aprenda a usar o Tailwind CSS
- Aprenda a converter uma interface de usuário moderna em um site ao vivo
- Aprenda a usar Hooks no Reactjs
