Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Rocketseat/awesome
Uma lista dos materiais gratuitos diponibilizados pela Rocketseat, incluindo conteúdos do Blog, Youtube e Instagram.
https://github.com/Rocketseat/awesome
List: awesome
nodejs react-native reactjs rocketseat youtube
Last synced: 22 days ago
JSON representation
Uma lista dos materiais gratuitos diponibilizados pela Rocketseat, incluindo conteúdos do Blog, Youtube e Instagram.
- Host: GitHub
- URL: https://github.com/Rocketseat/awesome
- Owner: Rocketseat
- Created: 2018-07-23T17:13:48.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2021-11-24T12:23:27.000Z (almost 3 years ago)
- Last Synced: 2024-05-22T15:05:27.196Z (6 months ago)
- Topics: nodejs, react-native, reactjs, rocketseat, youtube
- Homepage:
- Size: 42 KB
- Stars: 1,072
- Watchers: 88
- Forks: 123
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Este compêndio tem como propósito unificar de forma organizada todo material gratuito disponibilizado pela Rocketseat. Será encontrado materiais do Blog, Youtube e Instagram.
# Starter
Cursos **gratuitos** para quem está dando os **primeiros passos** em novas tecnologias!
### [Javascript básico](https://app.rocketseat.com.br/node/curso-java-script)
### [Javascript ES6+](https://app.rocketseat.com.br/node/curso-java-script-es-6)
### [Node.js](https://app.rocketseat.com.br/node/curso-node-js)
### [React.js](https://app.rocketseat.com.br/node/curso-react-js)
### [React Native básico](https://app.rocketseat.com.br/node/curso-react-native)
## Tabela de Conteúdos
- [Javascript](#javascript)
- [ES6/ES7/ES8](#js-ecmascript)
- [Promises e async/await](#js-promises)
- [React Native](#react-native)
- [Start](#rn-start)
- [Componentes](#rn-components)
- [Debug](#rn-debug)
- [Imagem](#rn-image)
- [Navegação](#rn-navigation)
- [Câmera](#rn-camera)
- [Estilização](#rn-styles)
- [Efeitos](#rn-effects)
- [Formuários](#rn-forms)
- [Mapas](#rn-maps)
- [Offline First](#rn-offline-first)
- [Redux](#rn-redux)
- [GraphQL](#rn-graphql)
- [Firebase](#rn-firebase)
- [Outros](#rn-others)
- [Séries](#rn-series)
- [NodeJS](#nodejs)
- [Express](#express)
- [Adonis](#adonis)
- [Deploy](#node-deploy)
- [Outros](#node-others)
- [Séries](#node-series)
- [ReactJS](#react-js)
- [Start](#reactjs-start)
- [Componentes](#reactjs-components)
- [Redux](#reactjs-redux)
- [Estilização](#reactjs-style)
- [Navegação](#reactjs-nagivation)
- [Outros](#reactjs-others)
- [Séries](#reactjs-series)
- [Outros](#others)
##
Javascript
- [ Controlando criação/edição com Axios](https://www.instagram.com/p/BlVYbl3na70/?taken-by=rocketseat_oficial)
- [ Get/set por caminho em objetos](https://www.instagram.com/p/BkklXTUHw_J/?taken-by=rocketseat_oficial)
- [ Operação em estilos CSS-in-JS](https://www.instagram.com/p/Bkcys8xHmBo/?taken-by=rocketseat_oficial)
- [ Condicionais short-circuit](https://www.instagram.com/p/BhtuOLNHgIM/?taken-by=rocketseat_oficial)
- [ Gerando e validando hash de passwords](https://www.instagram.com/p/BhbsfNVn3DW/?taken-by=rocketseat_oficial)
- [ Utilizando transform de decorators](https://www.instagram.com/p/BaH6OSjDqls/?taken-by=rocketseat_oficial)
- [ Formatação de data com Javascript puro](https://www.instagram.com/p/BVhSakqAwzv/?taken-by=rocketseat_oficial)
- [ Formatação monetária com Javascript puro](https://www.instagram.com/p/BVXmy6aAi3o/?taken-by=rocketseat_oficial)
- [ Debounce vs. Throttle no Javascript](https://blog.rocketseat.com.br/debounce-vs-throttle-no-javascript/)
- [ Ambiente Javascript: Dicas, VSCode e terminal](https://blog.rocketseat.com.br/ambiente-desenvolvimento-javascript/)
- [ Manipulando datas com o MomentJS](https://www.instagram.com/p/BmBPnZ8HWwo/?taken-by=rocketseat_oficial)
- [ Criando condicionais por objeto](https://www.instagram.com/p/BmQsaigH9Du/?taken-by=rocketseat_oficial)
- [ Aplicando validações com Validator](https://www.instagram.com/p/Bm3bdSZng6e/)
- [ Recuperando e criando Query String](https://www.instagram.com/p/Bn3_p1ynL-B/)
- [ Utilizando Tagged Template Literals](https://www.instagram.com/p/BoPhJevHjTb/)
- [ Preview de input de imagem](https://www.instagram.com/p/Boea5hBHjUj/)
- [ Aplicando timeouts para chamadas à API](https://www.instagram.com/p/BozEVCQA2Te/)
- [ Criando API fake para seu front-end](https://www.instagram.com/p/BpR6mS4AQ1i/)
- [ Style guides Javascript com ESLint, Prettier e EditorConfig | Diego Fernandes](https://www.youtube.com/watch?v=TI4v4Y8yRjw)
###
ES6/ES7/ES8
- [ ES6: Funções de iterações](https://www.instagram.com/p/BkN3UhOnnAX/?taken-by=rocketseat_oficial)
- [ Shorthands: Arrow Function](https://www.instagram.com/p/BkDZMS1HjsM/?taken-by=rocketseat_oficial)
- [ Utilizando funções assíncronas do ES6](https://www.instagram.com/p/BZwjAFOgjxV/?taken-by=rocketseat_oficial)
- [ Utilizando atribuição no ES6](https://www.instagram.com/p/BZjeu17AXJv/?taken-by=rocketseat_oficial)
- [ Utilizando async/await do ES2017](https://www.instagram.com/p/BYtWcqognqg/?taken-by=rocketseat_oficial)
- [ Configurando NodeJS com ES6](https://www.youtube.com/watch?v=joTc5o9lFCg)
- [ CodeQuinta #7 - Features do ES6, ES7 e ES8 produtivas](https://www.youtube.com/watch?v=VwAYyXZk5as)
###
Promise e async/await
- [ Trocando Promise por async/await](https://www.instagram.com/p/Bi10jwAH_fl/?taken-by=rocketseat_oficial)
- [ Alterando callbacks para Promises](https://www.instagram.com/p/Bgq4s1fASiF/?taken-by=rocketseat_oficial)
- [ Lendo arquivos em partes com async/await](https://www.instagram.com/p/Bh_xU07HENo/?taken-by=rocketseat_oficial)
- [ Utilizando .finally() em Promises](https://www.instagram.com/p/BhWsCBdAgGw/?taken-by=rocketseat_oficial)
- [ Chamadas consecultivas em Promises](https://www.instagram.com/p/BhJq7dPAooF/?taken-by=rocketseat_oficial)
- [ Javascript assíncrono: async/await](https://blog.rocketseat.com.br/javascript-assincrono-async-await/)
- [ Javascript assíncrono: Promises](https://blog.rocketseat.com.br/javascript-assincrono-promises/)
- [ Iterações assíncronas com .map](https://www.instagram.com/p/Bpj8V0nB_57/)
- [ Evitando o bloqueio do fluxo assíncrono](https://www.instagram.com/p/BppFs3gh3fc/)
## React Native
###
Start
- [ Iniciando com React Native em 2018 | Diego Fernandes](https://www.youtube.com/watch?v=XcU9GEUZTQA)
- [ 3 passos para aprender React Native](https://blog.rocketseat.com.br/3-passos-para-aprender-react-native/)
- [ 5 erros comuns de um desenvolvedor React/React Native](https://blog.rocketseat.com.br/5-erros-comuns-de-um-desenvolvedor-react-react-native/)
- [ 5 dicas de performance no React Native](https://blog.rocketseat.com.br/5-dicas-de-performance-no-react-native/)
- [ Criando template de React Native para novos projetos](https://blog.rocketseat.com.br/templates-react-native/)
- [ Expo: o que é, para que serve e quando utilizar?](https://blog.rocketseat.com.br/expo-react-native/)
- [ Iniciando no React Native [LINK ATUALIZADO NA DESCRIÇÃO] | Diego Fernandes](https://www.youtube.com/watch?v=Ebfi4LsCWGU)
###
Componentes
- [ Higher-Order Components (HOCs) no React e React Native](https://blog.rocketseat.com.br/higher-order-components-hocs-no-react-e-react-native/)
- [ Context API do React 16.3.0 e métodos de ciclo de vida](https://blog.rocketseat.com.br/context-api-react-16-ciclo-de-vida/)
- [ Utilizando .bind para evitar criação de funções](https://www.instagram.com/p/Bj5RFQpnuex/?taken-by=rocketseat_oficial)
- [ Repassando funções a componentes](https://www.instagram.com/p/BjUuRcHnqba/?taken-by=rocketseat_oficial)
- [ Criando componente reutilizável](https://www.instagram.com/p/BiwsabGnbfO/?taken-by=rocketseat_oficial)
- [ Repassando componente como propriedade](https://www.instagram.com/p/Bijy_TrH_5r/?taken-by=rocketseat_oficial)
- [ Dois novos métodos de ciclo de vida](https://www.instagram.com/p/Bie98BKHHkS/?taken-by=rocketseat_oficial)
- [ Utilizando render props](https://www.instagram.com/p/Bh6mdRrnDrM/?taken-by=rocketseat_oficial)
- [ Utilizando setState funcional](https://www.instagram.com/p/Bhokt1IHCFA/?taken-by=rocketseat_oficial)
- [ Utilizando \](https://www.instagram.com/p/BhEhWfZg0iD/?taken-by=rocketseat_oficial)
- [ O this.setState é assíncrono](https://www.instagram.com/p/Bg3piUogn37/?taken-by=rocketseat_oficial)
- [ Componente vs PureComponent](https://www.instagram.com/p/Bgy7a3bACej/?taken-by=rocketseat_oficial)
- [ Utilizando o callback do setState](https://www.instagram.com/p/Bb4QDxgAzW5/?taken-by=rocketseat_oficial)
- [ Capturando erros de execução no componente](https://www.instagram.com/p/Bawa0oXgbZS/?taken-by=rocketseat_oficial)
- [ Utilizando async/await no ciclo do componente](https://www.instagram.com/p/BaCojDLALl4/?taken-by=rocketseat_oficial)
- [ Componente do BackButton no Android](https://www.instagram.com/p/BZRdroaA_1W/?taken-by=rocketseat_oficial)
- [ Utilizando pure components no lugar de classes](https://www.instagram.com/p/BY6Tz34gZBG/?taken-by=rocketseat_oficial)
- [ Utilizando Arrow Functions nos componentes](https://www.instagram.com/p/BYoVW5FAMCR/?taken-by=rocketseat_oficial)
- [ Componentes para cada plataforma](https://www.instagram.com/p/BWFaXH6gwA_/?taken-by=rocketseat_oficial)
###
Debug
- [ 3 ferramentas de debug para React Native](https://blog.rocketseat.com.br/3-ferramentas-de-debug-para-react-native/)
- [ Utilizando a biblioteca Reactotron para debug](https://www.instagram.com/p/BYWLVc1AsnF/?taken-by=rocketseat_oficial)
###
Imagem
- [ Utilizando blur em imagem nativamente](https://www.instagram.com/p/BdkZrfggsuL/?taken-by=rocketseat_oficial)
- [ Controlando densidade em imagens](https://www.instagram.com/p/BlnfV4CnPu5/?taken-by=rocketseat_oficial)
###
Navegação
- [ Tipos de navegação no React Native](https://blog.rocketseat.com.br/navegacao-react-native/)
- [ Navegação entre telas no React Native com React Navigation V2](https://blog.rocketseat.com.br/react-navigation-react-native/)
- [ Autenticação JWT no React Native com API REST em NodeJS](https://blog.rocketseat.com.br/autenticacao-react-native-nodejs/)
- [ Fluxo de autenticação com React Native](https://blog.rocketseat.com.br/fluxo-de-autenticacao-com-react-native/)
- [ Deep Linking com React Navigation](https://www.instagram.com/p/Brkleg-BtZX/)
- [ Rotas autenticadas com React Navigation](https://www.instagram.com/p/Brp1z4jhMRo/)
###
Câmera
- [ Manipulando a câmera no React Native com o react-native-camera](https://blog.rocketseat.com.br/react-native-camera/)
###
Estilização
- [ Dicas de UX para aplicações React Native](https://blog.rocketseat.com.br/react-native-dicas-ux/)
- [ Como organizar estilos no React Native](https://blog.rocketseat.com.br/como-organizar-estilos-no-react-native/)
- [ Utilizando NativeBase no React Native](https://blog.rocketseat.com.br/native-base-no-react-native/)
- [ Utilizando fontes de ícones no React Native](https://blog.rocketseat.com.br/utilizando-fontes-de-icones-no-react-native/)
- [ Utilizando styled-components](https://www.instagram.com/p/BjCsqZZHi0D/?taken-by=rocketseat_oficial)
- [ Ocupando todo espaço com componente](https://www.instagram.com/p/BcKR3NmADVI/?taken-by=rocketseat_oficial)
- [ Separando estilos genéricos dos componentes](https://www.instagram.com/p/BY_bZL3A4Vf/?taken-by=rocketseat_oficial)
- [ Estilos específicos para plataforma no React Native](https://www.instagram.com/p/BWLEL3kAVzZ/?taken-by=rocketseat_oficial)
- [ CodeQuinta #6 - Construindo layouts no React Native](https://www.youtube.com/watch?v=Q7gT462aBU0)
- [ Entendendo o FlexBox no React Native | Diego Fernandes](https://www.youtube.com/watch?v=dUkkOdhyO1w)
- [ Utilizando Styled Components (CSS-in-JS) no ReactJS e React Native | Diego Fernandes](https://www.youtube.com/watch?v=R3S8DEzEn6s)
###
Efeitos
- [ Implementando Shimmer Effect no React Native](https://blog.rocketseat.com.br/react-native-shimmer/)
- [ Scroll infinito no React Native](https://blog.rocketseat.com.br/scroll-infinito-no-react-native/)
- [ Criando efeito de Lazy Load em imagens no React Native](https://blog.rocketseat.com.br/criando-efeito-de-lazy-load-em-imagens-no-react-native/)
- [ Quick actions (3D/Force touch) no React Native | Diego Fernandes](https://www.youtube.com/watch?v=jm6aECNugeM)
- [ Scroll infinito em FlatList](https://www.instagram.com/p/BrxdMBRhCqZ/)
###
Formulários
- [ Gerenciando formulários no React Native](https://blog.rocketseat.com.br/gerenciando-formularios-no-react-native/)
- [ Acessibilidade em campo de texto](https://www.instagram.com/p/BpFV0NYAgh-/)
###
Mapas
- [ Utilizando mapas no React Native com Mapbox](https://blog.rocketseat.com.br/react-native-map/)
- [ CodeQuinta #4 - Mapas no React Native](https://www.youtube.com/watch?v=2takPFib5uE)
- [ Renderizando mapas com a biblioteca do AirBnB](https://www.instagram.com/p/BYbbDTNgTjr/?taken-by=rocketseat_oficial)
- [ Monitorando localização do usuário](https://www.instagram.com/p/BqZ-7Wmh9S0/)
###
Offline First
- [ Offline first: como funciona e como aplicar no React Native?](https://blog.rocketseat.com.br/offline-first-react-native/)
- [ Descobrindo se o usuário está conectado](https://www.instagram.com/p/BdAWu2zA0W2/)
- [ Fila de ações offline first no React Native com Redux Saga | Diego Fernandes](https://www.youtube.com/watch?v=hs3N1pYSgig)
- [ Planejando uma aplicação Offline First no React Native](https://blog.rocketseat.com.br/offline-first-em-detalhes/)
###
Redux
- [ Redux: O passo a passo](https://blog.rocketseat.com.br/redux-o-passo-a-passo/)
- [ Estrutura Redux escalável com Ducks](https://blog.rocketseat.com.br/estrutura-redux-escalavel-com-ducks/)
- [ Tornando o estado do Redux imutável](https://blog.rocketseat.com.br/tornando-o-estado-do-redux-imutavel/)
- [ Selectors no Redux utilizando reselect](https://www.youtube.com/watch?v=3GpRg-PdbEU)
- [ CodeQuinta #1 - Arquitetura Flux com Redux do zero](https://www.youtube.com/watch?v=69e1MoUWE1g)
- [ CodeQuinta #3 - Async com Redux Saga](https://www.youtube.com/watch?v=qU9DesjDJic)
- [ Realizando operações no estado do Redux](https://www.instagram.com/p/BjZ3uobnyzg/?taken-by=rocketseat_oficial)
- [ Adicionando um timeout à uma request](https://www.instagram.com/p/BamnfBygRjw/?taken-by=rocketseat_oficial)
- [ Testando reducers de Redux com Jest](https://www.instagram.com/p/BZ1xdX7gPHX/?taken-by=rocketseat_oficial)
- [ Fluxo do Redux](https://www.instagram.com/p/BZTYYAjAp7N/?taken-by=rocketseat_oficial)
- [ Trabalhando com estruturas imutáveis](https://www.instagram.com/p/Bq99of-h1I8/)
- [ Escalando estrutura Redux com Duck Pattern](https://www.instagram.com/p/Br5LengBCxB/)
###
GraphQL
- [ Conectando um componente ao GraphQL](https://www.instagram.com/p/BaZwS5zAUB9/?taken-by=rocketseat_oficial)
- [ CodeQuinta #8 - Iniciando com GraphQL no React/React Native](https://www.youtube.com/watch?v=smWR_SxdeUU)
###
Firebase
- [ [React Native + Firebase] Instalação e autenticação e-mail/senha](https://www.youtube.com/watch?v=MxXyR0CN4v0)
###
Testes
- [ CodeQuinta #2 - Testes do zero no ReactJS/React Native com Jest](https://www.youtube.com/watch?v=aK-wHbSD3Ws)
###
Outros
- [ Reduzindo o tamanho do APK para Android no React Native](https://blog.rocketseat.com.br/reduzindo-o-tamanho-das-builds-para-android-no-react-native/)
- [ React Native em 2019, nova arquitetura e comparações com Flutter](https://blog.rocketseat.com.br/react-native-em-2019/)
- [ Atualizando aplicações React Native para a última versão](https://blog.rocketseat.com.br/atualizacao-react-native/)
- [ Configurando deep linking no React Native](https://blog.rocketseat.com.br/configurando-deep-linking-no-react-native/)
- [ As melhores features do ES6, ES7 e ES8](https://blog.rocketseat.com.br/as-melhores-features-do-es6-es7-e-es8/)
- [ Utilizando caminhos absolutos para imports no React Native](https://blog.rocketseat.com.br/utilizando-caminhos-absolutos-para-imports-no-react-native/)
- [ Context API do React 16.3.0 e métodos de ciclo de vida](https://blog.rocketseat.com.br/context-api-react-16-ciclo-de-vida/)
- [ CodeQuinta #9 | Consumindo API REST com React Native (CRUD)](https://www.youtube.com/watch?v=fBrOtR3pgPU)
- [ Controlando área "clicável" de botões](https://www.instagram.com/p/BlandieHiRW/?taken-by=rocketseat_oficial)
- [ Utilizando o clipboard](https://www.instagram.com/p/BccTMcfAt2S/?taken-by=rocketseat_oficial)
- [ Manipulando o comportamento da tela com o teclado](https://www.instagram.com/p/BbmQ4LJgrDx/?taken-by=rocketseat_oficial)
- [ Acessando dados de geolocalização do usuário](https://www.instagram.com/p/BaUceBhAprY/?taken-by=rocketseat_oficial)
- [ Utilizando PropTypes do componente filho](https://www.instagram.com/p/BZeedPVAsRn/?taken-by=rocketseat_oficial)
- [ Interceptando requisiões no Axios](https://www.instagram.com/p/Bmdkjg-H8de/?taken-by=rocketseat_oficial)
- [ Caminhos relativos no ReactJS com create-react-app | Diego Fernandes](https://www.youtube.com/watch?v=lAV1-19hHqw)
- [ Lidando com duplo clique](https://www.instagram.com/p/Bnlyr2QHvL6/)
- [ Componentes condicionais por plataforma](https://www.instagram.com/p/Bot3yMPgFZJ/)
- [ Captando informações do smartphone](https://www.instagram.com/p/BpXEHcogoj_/)
- [ Configurando ícone, splash screen e nome do app iOS no React Native | Claudio Orlandi](https://www.youtube.com/watch?v=iOitq0mDaLc)
- [ Configurando ícone, splash screen e nome do app Android no React Native | Claudio Orlandi](https://www.youtube.com/watch?v=3Gf9yb53bJM)
- [ Recriando a interface do Uber com React Native](https://www.youtube.com/watch?v=bg-U0xZwcRk)
###
Séries
- [ [Airbnb Clone - AdonisJS + React + React Native] Iniciando com React Native: Navegação e Autenticação com JWT (parte 4)](https://blog.rocketseat.com.br/adonis-upload-geolocalizacao/)
- [ [Airbnb Clone - AdonisJS + React + React Native] Instalando o Mapbox e listando imóveis no React Native (parte 5)](https://blog.rocketseat.com.br/adonis-upload-geolocalizacao/)
- [ [Airbnb Clone - AdonisJS + React + React Native] Upload de Imagens e uso da Câmera no React Native (parte 6)](https://blog.rocketseat.com.br/react-native-upload-imagem/)
- [ [Airbnb Clone - AdonisJS + React + React Native] Estilizando as Annotations do Mapbox no React Native (parte 7)](https://blog.rocketseat.com.br/mapbox-annotations/)
##
NodeJS
###
Express
- [ Configurando o ORM Sequelize no NodeJS com ExpressJS](https://blog.rocketseat.com.br/nodejs-express-sequelize/)
- [ Autenticação JWT no React Native com API REST em NodeJS](https://blog.rocketseat.com.br/autenticacao-react-native-nodejs/)
- [ Iniciando com middlewares no Express.js](https://blog.rocketseat.com.br/middlewares-no-express-js/)
- [ Validando entrada de dados com Sequelize no NodeJS | Higo Ribeiro](https://www.youtube.com/watch?v=3RzW3IqtGR0)
###
Adonis
- [ Iniciando com AdonisJS, um framework completo para NodeJS](https://www.youtube.com/watch?v=aysgHRmzG3w)
- [ CodeQuinta #10 | API em AdonisJS com ReactJS do zero!](https://www.youtube.com/watch?v=_XU8hTHNcj8)
- [ CRUD e relacionamentos no AdonisJS | Diego Fernandes](https://www.youtube.com/watch?v=ESIQ6gWV80Y)
###
Deploy
- [ Deploy de aplicações NodeJS à AWS com Docker | Diego Fernandes](https://www.youtube.com/watch?v=kqBCHYf_adA)
- [ PM2: Como utilizar no NodeJS e funcionalidades secretas](https://blog.rocketseat.com.br/pm2-com-funcionalidades-secretas/)
###
Outros
- [ Por que escrever testes automatizados se eu mesmo posso testar?](https://blog.rocketseat.com.br/por-que-escrever-testes-automatizados/)
- [ Iniciando com GraphQL no NodeJS e ExpressJS](https://blog.rocketseat.com.br/iniciando-graphql-nodejs-expressjs/)
- [ NodeJS: Vale a pena? Vantagens, vagas e salário](https://blog.rocketseat.com.br/nodejs-vale-a-pena-vantagens/)
- [ Server-side rendering (SSR) com ReactJS e Next.js](https://blog.rocketseat.com.br/ssr-nextjs-reactjs/)
- [ Lendo arquivos em partes com async/await](https://www.instagram.com/p/Bh_xU07HENo/?taken-by=rocketseat_oficial)
- [ Chat em tempo real com NodeJS + Socket.io](https://www.youtube.com/watch?v=-jXfKDYJJvo)
- [ Iniciando com server-side rendering (SSR) no ReactJS com Next.js](https://www.youtube.com/watch?v=aQFPetOyzUE)
- [ Ambiente de desenvolvimento NodeJS com Docker e Docker Compose](https://www.youtube.com/watch?v=AVNADGzXrrQ)
- [ Leitura de arquivo CSV no NodeJS](https://www.instagram.com/p/BnTvucTnApb/)
- [ AdonisJS vs ExpressJS: Quando utilizar cada um?](https://blog.rocketseat.com.br/adonis-vs-express/)
###
Séries
- [ [Airbnb Clone - AdonisJS + React + React Native] Iniciando com AdonisJS: Autenticação JWT e API REST (parte 1)](https://blog.rocketseat.com.br/adonis-auth-jwt-api-rest/)
- [ [Airbnb Clone - AdonisJS + React + React Native] Criando CRUD e relações em API REST no AdonisJS (parte 2)](https://blog.rocketseat.com.br/crud-api-rest-adonis/)
- [ [Airbnb Clone - AdonisJS + React + React Native] Upload de imagens e geolocalização no AdonisJS (parte 3)](https://blog.rocketseat.com.br/adonis-upload-geolocalizacao/)
- [ [API NodeJS + Express + Mongo] Estrutura e cadastro (parte 1)](https://www.youtube.com/watch?v=BN_8bCfVp88)
- [ [API NodeJS + Express + Mongo] Autenticação (parte 2)](https://www.youtube.com/watch?v=KKTX1l3sZGk)
- [ [API NodeJS + Express + Mongo] Recuperação de senha com NodeMailer (parte 3)](https://www.youtube.com/watch?v=Zwdv9RllPqU)
- [ [API NodeJS + Express + Mongo] CRUD e relacionamentos com MongoDB (parte 4)](https://www.youtube.com/watch?v=GAZdUyIV3ms)
##
ReactJS
###
Start
- [ React do zero: componentização, propriedades e estado](https://blog.rocketseat.com.br/react-do-zero-componentizacao-propriedades-e-estado/)
- [ React do zero: ciclo de vida, stateless components e arquitetura flux](https://blog.rocketseat.com.br/react-do-zero-ciclo-de-vida-stateless-components-e-arquitetura-flux/)
- [ Iniciando no ReactJS](https://www.youtube.com/watch?v=7A4UQGrFU9Q)
###
Componentes
- [ Retornando múltiplos elementos de um componente](https://www.instagram.com/p/BqzobQ5hXTd/)
###
Redux
- [ Selectors no Redux utilizando reselect](https://www.youtube.com/watch?v=3GpRg-PdbEU)
- [ Manipulando objetos mutáveis](https://www.instagram.com/p/BnY5gW6HgyX/)
- [ Organizando o Redux com Duck Pattern e Redux Sauce | Diego Fernandes](https://www.youtube.com/watch?v=q-If9n-tUyA)
###
Estilização
- [ Integração do Material UI com ReactJS](https://blog.rocketseat.com.br/react-material-ui/)
- [ Manipulando classes condicionais](https://www.instagram.com/p/Bmi1ZSHnMyv/)
###
Navegação
- [ Controlando autenticação em rotas no ReactJS](https://www.youtube.com/watch?v=sYe4r8WXGQg)
- [ Conectando o React Router DOM ao Redux no ReactJS | Diego Fernandes](https://www.youtube.com/watch?v=khaFn1pnDtw)
###
Outros
- [ Aplicando máscara em inputs](https://www.instagram.com/p/BmwLMFwnNlF/)
- [ Criando componente de cartão de crédito](https://www.instagram.com/p/BnBuTotnHyl/)
- [ Persistindo store do Redux no ReactJS com Redux Persist](https://www.youtube.com/watch?v=LGkNjt7k4UQ)
- [ Caminhos relativos no ReactJS com create-react-app](https://www.youtube.com/watch?v=lAV1-19hHqw)
- [ CodeQuinta #10 | API em AdonisJS com ReactJS do zero!](https://www.youtube.com/watch?v=_XU8hTHNcj8)
- [ Theme Switcher com ReactJS e nova Context API](https://www.youtube.com/watch?v=oDgxUodLwGU)
- [ Utilizando debounce em inputs](https://www.instagram.com/p/BmLmCVCn8Vn/?taken-by=rocketseat_oficial)
- [ A melhor maneira de manipular dados no React](https://www.instagram.com/p/BrFyrH4hLsS/)
- [ Caminhos relativos no ReactJS com create-react-app | Diego Fernandes](https://www.youtube.com/watch?v=lAV1-19hHqw)
- [ Utilizando Hooks no React](https://www.instagram.com/p/BrVHv0QhEA3/)
- [ React Hooks: Como utilizar, motivações e exemplos práticos](https://blog.rocketseat.com.br/react-hooks/)
###
Séries
- [ [Airbnb Clone - AdonisJS + React + React Native] Iniciando com ReactJS: Navegação e Autenticação com JWT (parte 8)](https://blog.rocketseat.com.br/reactjs-autenticacao/)
- [ [Airbnb Clone - AdonisJS + React + React Native] Instalando o Mapbox e listando os imóveis no ReactJS (parte 9)](https://blog.rocketseat.com.br/reactjs-mapbox-airbnb/)
- [ [Airbnb Clone - AdonisJS + React + React Native] Utilizando o ModalRoute e fazendo upload de imagens (parte 10)](https://blog.rocketseat.com.br/modalroute-upload-imagens-reactjs/)
- [ [Airbnb Clone - AdonisJS + React + React Native] Exibindo informações do imóvel com ModalRoute (parte 11)](https://blog.rocketseat.com.br/reactjs-modal-route-property-information/)
##
Outros
- [ Firebase: serviços, vantagens, quando utilizar e integrações](https://blog.rocketseat.com.br/firebase/)
- [ SaaS: Single tenant ou Multi-tenant, qual escolher?](https://blog.rocketseat.com.br/saas-single-tenant-multi-tenant/)
- [ 5 ferramentas em alta para desenvolvedores React](https://blog.rocketseat.com.br/5-ferramentas-em-alta-react/)
- [ O que estudar em 2018 como front-end?](https://blog.rocketseat.com.br/o-que-estudar-em-2018-como-front-end/)
- [ Padronizando código em seu time](https://blog.rocketseat.com.br/padronizando-codigo-em-seu-time/)
- [ Integração contínua (CI) do zero](https://blog.rocketseat.com.br/integracao-continua-ci-do-zero/)
- [ PWA: O que é? Vale a pena? Quando utilizar?](https://blog.rocketseat.com.br/pwa-o-que-e-quando-utilizar/)
- [ Git & Github: O que é? Por que? Como iniciar?](https://blog.rocketseat.com.br/iniciando-com-git-github/)
- [ 7 passos para aprender a programar em qualquer linguagem](https://www.youtube.com/watch?v=bMPXdM73nm8)
- [ Iniciando com Git](https://www.youtube.com/watch?v=MW7hrQe6aYo)
- [ Pré-processador SASS](https://www.youtube.com/watch?v=pW8GKJtHSk8)
- [ Iniciando com Vagrant](https://www.youtube.com/watch?v=gx50Kv6-2KA)
- [ Servidor PHP no Vagrant](https://www.youtube.com/watch?v=Hs3EESKGMEc)
- [ Devo ser front-end, back-end ou full stack?](https://www.youtube.com/watch?v=X9svzO3KNEo)
- [ CodeQuinta #5 - Fluxo Git & Github](https://www.youtube.com/watch?v=2T2l2rGRzXs)
- [ Query com filtro e paginação](https://www.instagram.com/p/BnG37bPnb8W/)
- [ Controlando states com React Hooks](https://www.instagram.com/p/BqPnUmkBTne/)
###
Séries
- [ Fala Dev #1 - Como comecei a programar? Por que criamos a Rocketseat? Nossa stack](https://www.youtube.com/watch?v=gBmnB7BwSRA)
- [ Fala Dev #2 - AirBnB largou o React Native? Projeto sonar, office em RN?](https://www.youtube.com/watch?v=NOqHJ2TsZ70)
- [ Fala Dev #3 - Reagindo à nova versão do React Native](https://www.youtube.com/watch?v=4SkyJEv0j8k)
- [ Fala Dev #4 - Academy e novos instrutores da Rocketseat | Diego Fernandes](https://www.youtube.com/watch?v=toXg8tomGG0)
- [ Fala Dev #5 - 5 dicas para uma carreira sólida como programador | Diego Fernandes](https://www.youtube.com/watch?v=WKAi7ZDkiYA)
- [ Fala Dev #6 - Júnior, pleno ou sênior, qual a diferença? | Diego Fernandes](https://www.youtube.com/watch?v=5-0R1jX-9Zc)
- [ Diário de Bordo #1 - Três dias offline](https://www.youtube.com/watch?v=BCA5-zZJU_E)
- [ Behind the Code #1 - Autenticação no Adonis com TDD](https://www.youtube.com/watch?v=3t78tTWt-JY)
- [ Behind the Code #02 - Recuperação de senha e envio de e-mail no Adonis](https://www.youtube.com/watch?v=R7WTFLM1lto)
- [ Behind the Code #03 - Code review do app mobile](https://www.youtube.com/watch?v=7yyW7z8fbB4)
- [ Behind the Code #04 - CRUD de workshops](https://www.youtube.com/watch?v=sB7GaMTJ7eI)
- [ Behind the Code #05 - Inscrição nos Workshops](https://www.youtube.com/watch?v=whDe_W-CtiU)
- [ Behind the Code #06 - Feature de transcrição no Skylab](https://www.youtube.com/watch?v=rrvgngRairM)
###
Podcasts
- [RocketCast #1 - Como comecei a programar? Como surgiu a Rocketseat e nossa stack!](https://anchor.fm/rocketcast/episodes/RocketCast-1---Como-comecei-a-programar--Como-surgiu-a-Rocketseat-e-nossa-stack-e1m5k7)
- [RocketCast #2 - AirBnB largou o React Native? Projeto sonar, office em RN?](https://anchor.fm/rocketcast/episodes/RocketCast-2---AirBnB-largou-o-React-Native--Projeto-sonar--office-em-RN-e1n6nb)
- [RocketCast #3 - Reagindo à nova versão do React Native](https://anchor.fm/rocketcast/episodes/RocketCast-3---Reagindo--nova-verso-do-React-Native-e1so6l)
## Rocketseat
Para conhecer um pouco mais sobre a Rocketseat, acompanhe-nos nas redes sociais:
- [Site](https://rocketseat.com.br)
- [Blog](https://rocketseat.com.br/blog)
- [Facebook](https://facebook.com/rocketseat)
- [Youtube](https://www.youtube.com/rocketseat)
- [Twitter](https://twitter.com/rocketseat)
- [Instagram](https://www.instagram.com/rocketseat_oficial)
- [Linkedin](https://www.linkedin.com/company/rocketseat)
[Para participar da comunidade basta clicar aqui.](https://app.rocketseat.com.br/dashboard)