<h1 align="center"> <a href="https://rocketseat.com.br" target="_blank"> <img alt="Rocketseat" title="#Rocketseat" src="./assets/logo_rocketseat.png" width="350px" /> </a> </h1>

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

Javascript ES6+

Node.js

React.js

React Native básico

Tabela de Conteúdos

• Javascript
  • ES6/ES7/ES8
  • Promises e async/await
• React Native
  • Start
  • Componentes
  • Debug
  • Imagem
  • Navegação
  • Câmera
  • Estilização
  • Efeitos
  • Formuários
  • Mapas
  • Offline First
  • Redux
  • GraphQL
  • Firebase
  • Outros
  • Séries
• NodeJS
  • Express
  • Adonis
  • Deploy
  • Outros
  • Séries
• ReactJS
  • Start
  • Componentes
  • Redux
  • Estilização
  • Navegação
  • Outros
  • Séries
• Outros

<div id="javascript" />Javascript

• Controlando criação/edição com Axios
• Get/set por caminho em objetos
• Operação em estilos CSS-in-JS
• Condicionais short-circuit
• Gerando e validando hash de passwords
• Utilizando transform de decorators
• Formatação de data com Javascript puro
• Formatação monetária com Javascript puro
• Debounce vs. Throttle no Javascript
• Ambiente Javascript: Dicas, VSCode e terminal
• Manipulando datas com o MomentJS
• Criando condicionais por objeto
• Aplicando validações com Validator
• Recuperando e criando Query String
• Utilizando Tagged Template Literals
• Preview de input de imagem
• Aplicando timeouts para chamadas à API
• Criando API fake para seu front-end
• Style guides Javascript com ESLint, Prettier e EditorConfig | Diego Fernandes

<div id="js-ecmascript"> ES6/ES7/ES8

• ES6: Funções de iterações
• Shorthands: Arrow Function
• Utilizando funções assíncronas do ES6
• Utilizando atribuição no ES6
• Utilizando async/await do ES2017
• Configurando NodeJS com ES6
• CodeQuinta #7 - Features do ES6, ES7 e ES8 produtivas

<div id="js-promises" />Promise e async/await

• Trocando Promise por async/await
• Alterando callbacks para Promises
• Lendo arquivos em partes com async/await
• Utilizando .finally() em Promises
• Chamadas consecultivas em Promises
• Javascript assíncrono: async/await
• Javascript assíncrono: Promises
• Iterações assíncronas com .map
• Evitando o bloqueio do fluxo assíncrono

React Native

<div id="rn-start" />Start

• Iniciando com React Native em 2018 | Diego Fernandes
• 3 passos para aprender React Native
• 5 erros comuns de um desenvolvedor React/React Native
• 5 dicas de performance no React Native
• Criando template de React Native para novos projetos
• Expo: o que é, para que serve e quando utilizar?
• Iniciando no React Native [LINK ATUALIZADO NA DESCRIÇÃO] | Diego Fernandes

<div id="rn-components" />Componentes

• Higher-Order Components (HOCs) no React e React Native
• Context API do React 16.3.0 e métodos de ciclo de vida
• Utilizando .bind para evitar criação de funções
• Repassando funções a componentes
• Criando componente reutilizável
• Repassando componente como propriedade
• Dois novos métodos de ciclo de vida
• Utilizando render props
• Utilizando setState funcional
• Utilizando <Fragment>
• O this.setState é assíncrono
• Componente vs PureComponent
• Utilizando o callback do setState
• Capturando erros de execução no componente
• [ Utilizando async/await no ciclo do componente](https://www.in