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: 16 days ago
JSON representation

Uma lista dos materiais gratuitos diponibilizados pela Rocketseat, incluindo conteúdos do Blog, Youtube e Instagram.

Lists

README

        



Rocketseat

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

- [![Instagram](assets/instagram.png) Controlando criação/edição com Axios](https://www.instagram.com/p/BlVYbl3na70/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Get/set por caminho em objetos](https://www.instagram.com/p/BkklXTUHw_J/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Operação em estilos CSS-in-JS](https://www.instagram.com/p/Bkcys8xHmBo/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Condicionais short-circuit](https://www.instagram.com/p/BhtuOLNHgIM/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Gerando e validando hash de passwords](https://www.instagram.com/p/BhbsfNVn3DW/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Utilizando transform de decorators](https://www.instagram.com/p/BaH6OSjDqls/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Formatação de data com Javascript puro](https://www.instagram.com/p/BVhSakqAwzv/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Formatação monetária com Javascript puro](https://www.instagram.com/p/BVXmy6aAi3o/?taken-by=rocketseat_oficial)
- [![Blog](assets/rocketseat.png) Debounce vs. Throttle no Javascript](https://blog.rocketseat.com.br/debounce-vs-throttle-no-javascript/)
- [![Blog](assets/rocketseat.png) Ambiente Javascript: Dicas, VSCode e terminal](https://blog.rocketseat.com.br/ambiente-desenvolvimento-javascript/)
- [![Instagram](assets/instagram.png) Manipulando datas com o MomentJS](https://www.instagram.com/p/BmBPnZ8HWwo/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Criando condicionais por objeto](https://www.instagram.com/p/BmQsaigH9Du/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Aplicando validações com Validator](https://www.instagram.com/p/Bm3bdSZng6e/)
- [![Instagram](assets/instagram.png) Recuperando e criando Query String](https://www.instagram.com/p/Bn3_p1ynL-B/)
- [![Instagram](assets/instagram.png) Utilizando Tagged Template Literals](https://www.instagram.com/p/BoPhJevHjTb/)
- [![Instagram](assets/instagram.png) Preview de input de imagem](https://www.instagram.com/p/Boea5hBHjUj/)
- [![Instagram](assets/instagram.png) Aplicando timeouts para chamadas à API](https://www.instagram.com/p/BozEVCQA2Te/)
- [![Instagram](assets/instagram.png) Criando API fake para seu front-end](https://www.instagram.com/p/BpR6mS4AQ1i/)
- [![Youtube](assets/youtube.png) Style guides Javascript com ESLint, Prettier e EditorConfig | Diego Fernandes](https://www.youtube.com/watch?v=TI4v4Y8yRjw)

###

ES6/ES7/ES8

- [![Instagram](assets/instagram.png) ES6: Funções de iterações](https://www.instagram.com/p/BkN3UhOnnAX/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Shorthands: Arrow Function](https://www.instagram.com/p/BkDZMS1HjsM/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Utilizando funções assíncronas do ES6](https://www.instagram.com/p/BZwjAFOgjxV/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Utilizando atribuição no ES6](https://www.instagram.com/p/BZjeu17AXJv/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Utilizando async/await do ES2017](https://www.instagram.com/p/BYtWcqognqg/?taken-by=rocketseat_oficial)
- [![Youtube](assets/youtube.png) Configurando NodeJS com ES6](https://www.youtube.com/watch?v=joTc5o9lFCg)
- [![Blog](assets/rocketseat.png) CodeQuinta #7 - Features do ES6, ES7 e ES8 produtivas](https://www.youtube.com/watch?v=VwAYyXZk5as)

###

Promise e async/await

- [![Instagram](assets/instagram.png) Trocando Promise por async/await](https://www.instagram.com/p/Bi10jwAH_fl/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Alterando callbacks para Promises](https://www.instagram.com/p/Bgq4s1fASiF/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Lendo arquivos em partes com async/await](https://www.instagram.com/p/Bh_xU07HENo/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Utilizando .finally() em Promises](https://www.instagram.com/p/BhWsCBdAgGw/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Chamadas consecultivas em Promises](https://www.instagram.com/p/BhJq7dPAooF/?taken-by=rocketseat_oficial)
- [![Blog](assets/rocketseat.png) Javascript assíncrono: async/await](https://blog.rocketseat.com.br/javascript-assincrono-async-await/)
- [![Blog](assets/rocketseat.png) Javascript assíncrono: Promises](https://blog.rocketseat.com.br/javascript-assincrono-promises/)
- [![Instagram](assets/instagram.png) Iterações assíncronas com .map](https://www.instagram.com/p/Bpj8V0nB_57/)
- [![Instagram](assets/instagram.png) Evitando o bloqueio do fluxo assíncrono](https://www.instagram.com/p/BppFs3gh3fc/)

## React Native

###

Start

- [![Youtube](assets/youtube.png) Iniciando com React Native em 2018 | Diego Fernandes](https://www.youtube.com/watch?v=XcU9GEUZTQA)
- [![Blog](assets/rocketseat.png) 3 passos para aprender React Native](https://blog.rocketseat.com.br/3-passos-para-aprender-react-native/)
- [![Blog](assets/rocketseat.png) 5 erros comuns de um desenvolvedor React/React Native](https://blog.rocketseat.com.br/5-erros-comuns-de-um-desenvolvedor-react-react-native/)
- [![Blog](assets/rocketseat.png) 5 dicas de performance no React Native](https://blog.rocketseat.com.br/5-dicas-de-performance-no-react-native/)
- [![Blog](assets/rocketseat.png) Criando template de React Native para novos projetos](https://blog.rocketseat.com.br/templates-react-native/)
- [![Blog](assets/rocketseat.png) Expo: o que é, para que serve e quando utilizar?](https://blog.rocketseat.com.br/expo-react-native/)
- [![Youtube](assets/youtube.png) Iniciando no React Native [LINK ATUALIZADO NA DESCRIÇÃO] | Diego Fernandes](https://www.youtube.com/watch?v=Ebfi4LsCWGU)

###

Componentes

- [![Blog](assets/rocketseat.png) Higher-Order Components (HOCs) no React e React Native](https://blog.rocketseat.com.br/higher-order-components-hocs-no-react-e-react-native/)
- [![Blog](assets/rocketseat.png) 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/)
- [![Instagram](assets/instagram.png) Utilizando .bind para evitar criação de funções](https://www.instagram.com/p/Bj5RFQpnuex/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Repassando funções a componentes](https://www.instagram.com/p/BjUuRcHnqba/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Criando componente reutilizável](https://www.instagram.com/p/BiwsabGnbfO/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Repassando componente como propriedade](https://www.instagram.com/p/Bijy_TrH_5r/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Dois novos métodos de ciclo de vida](https://www.instagram.com/p/Bie98BKHHkS/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Utilizando render props](https://www.instagram.com/p/Bh6mdRrnDrM/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Utilizando setState funcional](https://www.instagram.com/p/Bhokt1IHCFA/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Utilizando \](https://www.instagram.com/p/BhEhWfZg0iD/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) O this.setState é assíncrono](https://www.instagram.com/p/Bg3piUogn37/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Componente vs PureComponent](https://www.instagram.com/p/Bgy7a3bACej/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Utilizando o callback do setState](https://www.instagram.com/p/Bb4QDxgAzW5/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Capturando erros de execução no componente](https://www.instagram.com/p/Bawa0oXgbZS/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Utilizando async/await no ciclo do componente](https://www.instagram.com/p/BaCojDLALl4/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Componente do BackButton no Android](https://www.instagram.com/p/BZRdroaA_1W/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Utilizando pure components no lugar de classes](https://www.instagram.com/p/BY6Tz34gZBG/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Utilizando Arrow Functions nos componentes](https://www.instagram.com/p/BYoVW5FAMCR/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Componentes para cada plataforma](https://www.instagram.com/p/BWFaXH6gwA_/?taken-by=rocketseat_oficial)

###

Debug

- [![Blog](assets/rocketseat.png) 3 ferramentas de debug para React Native](https://blog.rocketseat.com.br/3-ferramentas-de-debug-para-react-native/)
- [![Instagram](assets/instagram.png) Utilizando a biblioteca Reactotron para debug](https://www.instagram.com/p/BYWLVc1AsnF/?taken-by=rocketseat_oficial)

###

Imagem

- [![Instagram](assets/instagram.png) Utilizando blur em imagem nativamente](https://www.instagram.com/p/BdkZrfggsuL/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Controlando densidade em imagens](https://www.instagram.com/p/BlnfV4CnPu5/?taken-by=rocketseat_oficial)

###

Navegação

- [![Blog](assets/rocketseat.png) Tipos de navegação no React Native](https://blog.rocketseat.com.br/navegacao-react-native/)
- [![Blog](assets/rocketseat.png) Navegação entre telas no React Native com React Navigation V2](https://blog.rocketseat.com.br/react-navigation-react-native/)
- [![Blog](assets/rocketseat.png) Autenticação JWT no React Native com API REST em NodeJS](https://blog.rocketseat.com.br/autenticacao-react-native-nodejs/)
- [![Blog](assets/rocketseat.png) Fluxo de autenticação com React Native](https://blog.rocketseat.com.br/fluxo-de-autenticacao-com-react-native/)
- [![Instagram](assets/instagram.png) Deep Linking com React Navigation](https://www.instagram.com/p/Brkleg-BtZX/)
- [![Instagram](assets/instagram.png) Rotas autenticadas com React Navigation](https://www.instagram.com/p/Brp1z4jhMRo/)

###

Câmera

- [![Blog](assets/rocketseat.png) Manipulando a câmera no React Native com o react-native-camera](https://blog.rocketseat.com.br/react-native-camera/)

###

Estilização

- [![Blog](assets/rocketseat.png) Dicas de UX para aplicações React Native](https://blog.rocketseat.com.br/react-native-dicas-ux/)
- [![Blog](assets/rocketseat.png) Como organizar estilos no React Native](https://blog.rocketseat.com.br/como-organizar-estilos-no-react-native/)
- [![Blog](assets/rocketseat.png) Utilizando NativeBase no React Native](https://blog.rocketseat.com.br/native-base-no-react-native/)
- [![Blog](assets/rocketseat.png) Utilizando fontes de ícones no React Native](https://blog.rocketseat.com.br/utilizando-fontes-de-icones-no-react-native/)
- [![Instagram](assets/instagram.png) Utilizando styled-components](https://www.instagram.com/p/BjCsqZZHi0D/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Ocupando todo espaço com componente](https://www.instagram.com/p/BcKR3NmADVI/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Separando estilos genéricos dos componentes](https://www.instagram.com/p/BY_bZL3A4Vf/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Estilos específicos para plataforma no React Native](https://www.instagram.com/p/BWLEL3kAVzZ/?taken-by=rocketseat_oficial)
- [![Youtube](assets/youtube.png) CodeQuinta #6 - Construindo layouts no React Native](https://www.youtube.com/watch?v=Q7gT462aBU0)
- [![Youtube](assets/youtube.png) Entendendo o FlexBox no React Native | Diego Fernandes](https://www.youtube.com/watch?v=dUkkOdhyO1w)
- [![Youtube](assets/youtube.png) Utilizando Styled Components (CSS-in-JS) no ReactJS e React Native | Diego Fernandes](https://www.youtube.com/watch?v=R3S8DEzEn6s)

###

Efeitos

- [![Blog](assets/rocketseat.png) Implementando Shimmer Effect no React Native](https://blog.rocketseat.com.br/react-native-shimmer/)
- [![Blog](assets/rocketseat.png) Scroll infinito no React Native](https://blog.rocketseat.com.br/scroll-infinito-no-react-native/)
- [![Blog](assets/rocketseat.png) 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/)
- [![Youtube](assets/youtube.png) Quick actions (3D/Force touch) no React Native | Diego Fernandes](https://www.youtube.com/watch?v=jm6aECNugeM)
- [![Instagram](assets/instagram.png) Scroll infinito em FlatList](https://www.instagram.com/p/BrxdMBRhCqZ/)

###

Formulários

- [![Blog](assets/rocketseat.png) Gerenciando formulários no React Native](https://blog.rocketseat.com.br/gerenciando-formularios-no-react-native/)
- [![Blog](assets/rocketseat.png) Acessibilidade em campo de texto](https://www.instagram.com/p/BpFV0NYAgh-/)

###

Mapas

- [![Blog](assets/rocketseat.png) Utilizando mapas no React Native com Mapbox](https://blog.rocketseat.com.br/react-native-map/)
- [![Youtube](assets/youtube.png) CodeQuinta #4 - Mapas no React Native](https://www.youtube.com/watch?v=2takPFib5uE)
- [![Instagram](assets/instagram.png) Renderizando mapas com a biblioteca do AirBnB](https://www.instagram.com/p/BYbbDTNgTjr/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Monitorando localização do usuário](https://www.instagram.com/p/BqZ-7Wmh9S0/)

###

Offline First

- [![Blog](assets/rocketseat.png) Offline first: como funciona e como aplicar no React Native?](https://blog.rocketseat.com.br/offline-first-react-native/)
- [![Instagram](assets/instagram.png) Descobrindo se o usuário está conectado](https://www.instagram.com/p/BdAWu2zA0W2/)
- [![Youtube](assets/youtube.png) Fila de ações offline first no React Native com Redux Saga | Diego Fernandes](https://www.youtube.com/watch?v=hs3N1pYSgig)
- [![Blog](assets/rocketseat.png) Planejando uma aplicação Offline First no React Native](https://blog.rocketseat.com.br/offline-first-em-detalhes/)

###

Redux

- [![Blog](assets/rocketseat.png) Redux: O passo a passo](https://blog.rocketseat.com.br/redux-o-passo-a-passo/)
- [![Blog](assets/rocketseat.png) Estrutura Redux escalável com Ducks](https://blog.rocketseat.com.br/estrutura-redux-escalavel-com-ducks/)
- [![Blog](assets/rocketseat.png) Tornando o estado do Redux imutável](https://blog.rocketseat.com.br/tornando-o-estado-do-redux-imutavel/)
- [![Youtube](assets/youtube.png) Selectors no Redux utilizando reselect](https://www.youtube.com/watch?v=3GpRg-PdbEU)
- [![Youtube](assets/youtube.png) CodeQuinta #1 - Arquitetura Flux com Redux do zero](https://www.youtube.com/watch?v=69e1MoUWE1g)
- [![Youtube](assets/youtube.png) CodeQuinta #3 - Async com Redux Saga](https://www.youtube.com/watch?v=qU9DesjDJic)
- [![Instagram](assets/instagram.png) Realizando operações no estado do Redux](https://www.instagram.com/p/BjZ3uobnyzg/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Adicionando um timeout à uma request](https://www.instagram.com/p/BamnfBygRjw/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Testando reducers de Redux com Jest](https://www.instagram.com/p/BZ1xdX7gPHX/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Fluxo do Redux](https://www.instagram.com/p/BZTYYAjAp7N/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Trabalhando com estruturas imutáveis](https://www.instagram.com/p/Bq99of-h1I8/)
- [![Instagram](assets/instagram.png) Escalando estrutura Redux com Duck Pattern](https://www.instagram.com/p/Br5LengBCxB/)

###

GraphQL

- [![Instagram](assets/instagram.png) Conectando um componente ao GraphQL](https://www.instagram.com/p/BaZwS5zAUB9/?taken-by=rocketseat_oficial)
- [![Yoututbe](assets/youtube.png) CodeQuinta #8 - Iniciando com GraphQL no React/React Native](https://www.youtube.com/watch?v=smWR_SxdeUU)

###

Firebase

- [![Youtube](assets/youtube.png) [React Native + Firebase] Instalação e autenticação e-mail/senha](https://www.youtube.com/watch?v=MxXyR0CN4v0)

###

Testes

- [![Youtube](assets/youtube.png) CodeQuinta #2 - Testes do zero no ReactJS/React Native com Jest](https://www.youtube.com/watch?v=aK-wHbSD3Ws)

###

Outros

- [![Blog](assets/rocketseat.png) 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/)
- [![Blog](assets/rocketseat.png) React Native em 2019, nova arquitetura e comparações com Flutter](https://blog.rocketseat.com.br/react-native-em-2019/)
- [![Blog](assets/rocketseat.png) Atualizando aplicações React Native para a última versão](https://blog.rocketseat.com.br/atualizacao-react-native/)
- [![Blog](assets/rocketseat.png) Configurando deep linking no React Native](https://blog.rocketseat.com.br/configurando-deep-linking-no-react-native/)
- [![Blog](assets/rocketseat.png) As melhores features do ES6, ES7 e ES8](https://blog.rocketseat.com.br/as-melhores-features-do-es6-es7-e-es8/)
- [![Blog](assets/rocketseat.png) Utilizando caminhos absolutos para imports no React Native](https://blog.rocketseat.com.br/utilizando-caminhos-absolutos-para-imports-no-react-native/)
- [![Blog](assets/rocketseat.png) 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/)
- [![Youtube](assets/youtube.png) CodeQuinta #9 | Consumindo API REST com React Native (CRUD)](https://www.youtube.com/watch?v=fBrOtR3pgPU)
- [![Instagram](assets/instagram.png) Controlando área "clicável" de botões](https://www.instagram.com/p/BlandieHiRW/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Utilizando o clipboard](https://www.instagram.com/p/BccTMcfAt2S/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Manipulando o comportamento da tela com o teclado](https://www.instagram.com/p/BbmQ4LJgrDx/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Acessando dados de geolocalização do usuário](https://www.instagram.com/p/BaUceBhAprY/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Utilizando PropTypes do componente filho](https://www.instagram.com/p/BZeedPVAsRn/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) Interceptando requisiões no Axios](https://www.instagram.com/p/Bmdkjg-H8de/?taken-by=rocketseat_oficial)
- [![Youtube](assets/youtube.png) Caminhos relativos no ReactJS com create-react-app | Diego Fernandes](https://www.youtube.com/watch?v=lAV1-19hHqw)
- [![Instagram](assets/instagram.png) Lidando com duplo clique](https://www.instagram.com/p/Bnlyr2QHvL6/)
- [![Instagram](assets/instagram.png) Componentes condicionais por plataforma](https://www.instagram.com/p/Bot3yMPgFZJ/)
- [![Instagram](assets/instagram.png) Captando informações do smartphone](https://www.instagram.com/p/BpXEHcogoj_/)
- [![Youtube](assets/youtube.png) Configurando ícone, splash screen e nome do app iOS no React Native | Claudio Orlandi](https://www.youtube.com/watch?v=iOitq0mDaLc)
- [![Youtube](assets/youtube.png) Configurando ícone, splash screen e nome do app Android no React Native | Claudio Orlandi](https://www.youtube.com/watch?v=3Gf9yb53bJM)
- [![Youtube](assets/youtube.png) Recriando a interface do Uber com React Native](https://www.youtube.com/watch?v=bg-U0xZwcRk)

###

Séries

- [![Blog](assets/rocketseat.png) [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/)
- [![Blog](assets/rocketseat.png) [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/)
- [![Blog](assets/rocketseat.png) [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/)
- [![Blog](assets/rocketseat.png) [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

- [![Blog](assets/rocketseat.png) Configurando o ORM Sequelize no NodeJS com ExpressJS](https://blog.rocketseat.com.br/nodejs-express-sequelize/)
- [![Blog](assets/rocketseat.png) Autenticação JWT no React Native com API REST em NodeJS](https://blog.rocketseat.com.br/autenticacao-react-native-nodejs/)
- [![Blog](assets/rocketseat.png) Iniciando com middlewares no Express.js](https://blog.rocketseat.com.br/middlewares-no-express-js/)
- [![Youtube](assets/youtube.png) Validando entrada de dados com Sequelize no NodeJS | Higo Ribeiro](https://www.youtube.com/watch?v=3RzW3IqtGR0)

###

Adonis

- [![Blog](assets/rocketseat.png) Iniciando com AdonisJS, um framework completo para NodeJS](https://www.youtube.com/watch?v=aysgHRmzG3w)
- [![Youtube](assets/youtube.png) CodeQuinta #10 | API em AdonisJS com ReactJS do zero!](https://www.youtube.com/watch?v=_XU8hTHNcj8)
- [![Youtube](assets/youtube.png) CRUD e relacionamentos no AdonisJS | Diego Fernandes](https://www.youtube.com/watch?v=ESIQ6gWV80Y)

###

Deploy

- [![Youtube](assets/youtube.png) Deploy de aplicações NodeJS à AWS com Docker | Diego Fernandes](https://www.youtube.com/watch?v=kqBCHYf_adA)
- [![Blog](assets/rocketseat.png) PM2: Como utilizar no NodeJS e funcionalidades secretas](https://blog.rocketseat.com.br/pm2-com-funcionalidades-secretas/)

###

Outros

- [![Blog](assets/rocketseat.png) Por que escrever testes automatizados se eu mesmo posso testar?](https://blog.rocketseat.com.br/por-que-escrever-testes-automatizados/)
- [![Blog](assets/rocketseat.png) Iniciando com GraphQL no NodeJS e ExpressJS](https://blog.rocketseat.com.br/iniciando-graphql-nodejs-expressjs/)
- [![Blog](assets/rocketseat.png) NodeJS: Vale a pena? Vantagens, vagas e salário](https://blog.rocketseat.com.br/nodejs-vale-a-pena-vantagens/)
- [![Blog](assets/rocketseat.png) Server-side rendering (SSR) com ReactJS e Next.js](https://blog.rocketseat.com.br/ssr-nextjs-reactjs/)
- [![Instagram](assets/instagram.png) Lendo arquivos em partes com async/await](https://www.instagram.com/p/Bh_xU07HENo/?taken-by=rocketseat_oficial)
- [![Youtube](assets/youtube.png) Chat em tempo real com NodeJS + Socket.io](https://www.youtube.com/watch?v=-jXfKDYJJvo)
- [![Youtube](assets/youtube.png) Iniciando com server-side rendering (SSR) no ReactJS com Next.js](https://www.youtube.com/watch?v=aQFPetOyzUE)
- [![Youtube](assets/youtube.png) Ambiente de desenvolvimento NodeJS com Docker e Docker Compose](https://www.youtube.com/watch?v=AVNADGzXrrQ)
- [![Instagram](assets/instagram.png) Leitura de arquivo CSV no NodeJS](https://www.instagram.com/p/BnTvucTnApb/)
- [![Blog](assets/rocketseat.png) AdonisJS vs ExpressJS: Quando utilizar cada um?](https://blog.rocketseat.com.br/adonis-vs-express/)

###

Séries

- [![Blog](assets/rocketseat.png) [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/)
- [![Blog](assets/rocketseat.png) [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/)
- [![Blog](assets/rocketseat.png) [Airbnb Clone - AdonisJS + React + React Native] Upload de imagens e geolocalização no AdonisJS (parte 3)](https://blog.rocketseat.com.br/adonis-upload-geolocalizacao/)
- [![Youtube](assets/youtube.png) [API NodeJS + Express + Mongo] Estrutura e cadastro (parte 1)](https://www.youtube.com/watch?v=BN_8bCfVp88)
- [![Youtube](assets/youtube.png) [API NodeJS + Express + Mongo] Autenticação (parte 2)](https://www.youtube.com/watch?v=KKTX1l3sZGk)
- [![Youtube](assets/youtube.png) [API NodeJS + Express + Mongo] Recuperação de senha com NodeMailer (parte 3)](https://www.youtube.com/watch?v=Zwdv9RllPqU)
- [![Youtube](assets/youtube.png) [API NodeJS + Express + Mongo] CRUD e relacionamentos com MongoDB (parte 4)](https://www.youtube.com/watch?v=GAZdUyIV3ms)

##

ReactJS

###

Start

- [![Blog](assets/rocketseat.png) React do zero: componentização, propriedades e estado](https://blog.rocketseat.com.br/react-do-zero-componentizacao-propriedades-e-estado/)
- [![Blog](assets/rocketseat.png) 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/)
- [![Youtube](assets/youtube.png) Iniciando no ReactJS](https://www.youtube.com/watch?v=7A4UQGrFU9Q)

###

Componentes

- [![Instagram](assets/instagram.png) Retornando múltiplos elementos de um componente](https://www.instagram.com/p/BqzobQ5hXTd/)

###

Redux

- [![Youtube](assets/youtube.png) Selectors no Redux utilizando reselect](https://www.youtube.com/watch?v=3GpRg-PdbEU)
- [![Instagram](assets/instagram.png) Manipulando objetos mutáveis](https://www.instagram.com/p/BnY5gW6HgyX/)
- [![Youtube](assets/youtube.png) Organizando o Redux com Duck Pattern e Redux Sauce | Diego Fernandes](https://www.youtube.com/watch?v=q-If9n-tUyA)

###

Estilização

- [![Blog](assets/rocketseat.png) Integração do Material UI com ReactJS](https://blog.rocketseat.com.br/react-material-ui/)
- [![Instagram](assets/instagram.png) Manipulando classes condicionais](https://www.instagram.com/p/Bmi1ZSHnMyv/)

###

Navegação

- [![Youtube](assets/youtube.png) Controlando autenticação em rotas no ReactJS](https://www.youtube.com/watch?v=sYe4r8WXGQg)
- [![Youtube](assets/youtube.png) Conectando o React Router DOM ao Redux no ReactJS | Diego Fernandes](https://www.youtube.com/watch?v=khaFn1pnDtw)

###

Outros

- [![Instagram](assets/instagram.png) Aplicando máscara em inputs](https://www.instagram.com/p/BmwLMFwnNlF/)
- [![Instagram](assets/instagram.png) Criando componente de cartão de crédito](https://www.instagram.com/p/BnBuTotnHyl/)
- [![Youtube](assets/youtube.png) Persistindo store do Redux no ReactJS com Redux Persist](https://www.youtube.com/watch?v=LGkNjt7k4UQ)
- [![Youtube](assets/youtube.png) Caminhos relativos no ReactJS com create-react-app](https://www.youtube.com/watch?v=lAV1-19hHqw)
- [![Youtube](assets/youtube.png) CodeQuinta #10 | API em AdonisJS com ReactJS do zero!](https://www.youtube.com/watch?v=_XU8hTHNcj8)
- [![Youtube](assets/youtube.png) Theme Switcher com ReactJS e nova Context API](https://www.youtube.com/watch?v=oDgxUodLwGU)
- [![Instagram](assets/instagram.png) Utilizando debounce em inputs](https://www.instagram.com/p/BmLmCVCn8Vn/?taken-by=rocketseat_oficial)
- [![Instagram](assets/instagram.png) A melhor maneira de manipular dados no React](https://www.instagram.com/p/BrFyrH4hLsS/)
- [![Youtube](assets/youtube.png) Caminhos relativos no ReactJS com create-react-app | Diego Fernandes](https://www.youtube.com/watch?v=lAV1-19hHqw)
- [![Instagram](assets/instagram.png) Utilizando Hooks no React](https://www.instagram.com/p/BrVHv0QhEA3/)
- [![Blog](assets/rocketseat.png) React Hooks: Como utilizar, motivações e exemplos práticos](https://blog.rocketseat.com.br/react-hooks/)

###

Séries

- [![Blog](assets/rocketseat.png) [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/)
- [![Blog](assets/rocketseat.png) [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/)
- [![Blog](assets/rocketseat.png) [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/)
- [![Blog](assets/rocketseat.png) [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

- [![Blog](assets/rocketseat.png) Firebase: serviços, vantagens, quando utilizar e integrações](https://blog.rocketseat.com.br/firebase/)
- [![Blog](assets/rocketseat.png) SaaS: Single tenant ou Multi-tenant, qual escolher?](https://blog.rocketseat.com.br/saas-single-tenant-multi-tenant/)
- [![Blog](assets/rocketseat.png) 5 ferramentas em alta para desenvolvedores React](https://blog.rocketseat.com.br/5-ferramentas-em-alta-react/)
- [![Blog](assets/rocketseat.png) O que estudar em 2018 como front-end?](https://blog.rocketseat.com.br/o-que-estudar-em-2018-como-front-end/)
- [![Blog](assets/rocketseat.png) Padronizando código em seu time](https://blog.rocketseat.com.br/padronizando-codigo-em-seu-time/)
- [![Blog](assets/rocketseat.png) Integração contínua (CI) do zero](https://blog.rocketseat.com.br/integracao-continua-ci-do-zero/)
- [![Blog](assets/rocketseat.png) PWA: O que é? Vale a pena? Quando utilizar?](https://blog.rocketseat.com.br/pwa-o-que-e-quando-utilizar/)
- [![Blog](assets/rocketseat.png) Git & Github: O que é? Por que? Como iniciar?](https://blog.rocketseat.com.br/iniciando-com-git-github/)
- [![Youtube](assets/youtube.png) 7 passos para aprender a programar em qualquer linguagem](https://www.youtube.com/watch?v=bMPXdM73nm8)
- [![Youtube](assets/youtube.png) Iniciando com Git](https://www.youtube.com/watch?v=MW7hrQe6aYo)
- [![Youtube](assets/youtube.png) Pré-processador SASS](https://www.youtube.com/watch?v=pW8GKJtHSk8)
- [![Youtube](assets/youtube.png) Iniciando com Vagrant](https://www.youtube.com/watch?v=gx50Kv6-2KA)
- [![Youtube](assets/youtube.png) Servidor PHP no Vagrant](https://www.youtube.com/watch?v=Hs3EESKGMEc)
- [![Youtube](assets/youtube.png) Devo ser front-end, back-end ou full stack?](https://www.youtube.com/watch?v=X9svzO3KNEo)
- [![Youtube](assets/youtube.png) CodeQuinta #5 - Fluxo Git & Github](https://www.youtube.com/watch?v=2T2l2rGRzXs)
- [![Instagram](assets/instagram.png) Query com filtro e paginação](https://www.instagram.com/p/BnG37bPnb8W/)
- [![Instagram](assets/instagram.png) Controlando states com React Hooks](https://www.instagram.com/p/BqPnUmkBTne/)

###

Séries

- [![Youtube](assets/youtube.png) Fala Dev #1 - Como comecei a programar? Por que criamos a Rocketseat? Nossa stack](https://www.youtube.com/watch?v=gBmnB7BwSRA)
- [![Youtube](assets/youtube.png) Fala Dev #2 - AirBnB largou o React Native? Projeto sonar, office em RN?](https://www.youtube.com/watch?v=NOqHJ2TsZ70)
- [![Youtube](assets/youtube.png) Fala Dev #3 - Reagindo à nova versão do React Native](https://www.youtube.com/watch?v=4SkyJEv0j8k)
- [![Youtube](assets/youtube.png) Fala Dev #4 - Academy e novos instrutores da Rocketseat | Diego Fernandes](https://www.youtube.com/watch?v=toXg8tomGG0)
- [![Youtube](assets/youtube.png) Fala Dev #5 - 5 dicas para uma carreira sólida como programador | Diego Fernandes](https://www.youtube.com/watch?v=WKAi7ZDkiYA)
- [![Youtube](assets/youtube.png) Fala Dev #6 - Júnior, pleno ou sênior, qual a diferença? | Diego Fernandes](https://www.youtube.com/watch?v=5-0R1jX-9Zc)
- [![Youtube](assets/youtube.png) Diário de Bordo #1 - Três dias offline](https://www.youtube.com/watch?v=BCA5-zZJU_E)
- [![Youtube](assets/youtube.png) Behind the Code #1 - Autenticação no Adonis com TDD](https://www.youtube.com/watch?v=3t78tTWt-JY)
- [![Youtube](assets/youtube.png) Behind the Code #02 - Recuperação de senha e envio de e-mail no Adonis](https://www.youtube.com/watch?v=R7WTFLM1lto)
- [![Youtube](assets/youtube.png) Behind the Code #03 - Code review do app mobile](https://www.youtube.com/watch?v=7yyW7z8fbB4)
- [![Youtube](assets/youtube.png) Behind the Code #04 - CRUD de workshops](https://www.youtube.com/watch?v=sB7GaMTJ7eI)
- [![Youtube](assets/youtube.png) Behind the Code #05 - Inscrição nos Workshops](https://www.youtube.com/watch?v=whDe_W-CtiU)
- [![Youtube](assets/youtube.png) 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)