paulocf92 / ignite-react-native

Trilha de React Native do projeto Ignite da Rocketseat.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ignite React Native

GitHub language count Repository size GitHub last commit License Stargazers

🚀 Sobre

O Ignite é um projeto incrível da Rocketseat acerca de diversas tecnologias. Esse repositório contém o código produzido para a trilha de React Native, dividido em capítulos.

📑 Conteúdo

Chapter #1: Fundamentos do React Native

📱 App - Skill List

Vamos aprender o ecossistema do desenvolvimento mobile com React Native, criar e compreender a estrutura de projetos React Native com a CLI além de conhecer os principais conceitos por volta da biblioteca como componentes, propriedades, estado, imutabilidade, hooks, estilização e utilização do TypeScript.

  • Configurando o Ambiente
  • Conceitos Importantes
  • Usando Typescript
  • Debug no React Native
  • Conclusão

Chapter #2: App Modernas em React Native com Expo, Styled Components, Navigation, Etc

📱 App - GoFinances

Neste capítulo criaremos uma aplicação completa utilizando React Native, TypeScript e Styled Components (CSS-in-JS) para ir mais a fundo em estilização e criação de interfaces no React Native baseando-se em um layout do Figma. Você também irá aprender a utilizar API Nativas, Armazenamento Local com Async Storage, Navegação, Formulários e Login Social. E para dar um Booster na produtividade vamos utilizar o Expo Bare Workflow.

Expo e Styled Components

  • Ambiente Expo
  • Styled Components

Formulários e Navegação

  • Formulários
  • Navegação

Async Storage

Contextos e Autenticação

  • Contextos
  • Login Social

Chapter #3: Consumindo API e Animações

📱 App - RentX

Neste módulo você irá aprender a integrar sua aplicação React Native com uma API. Você irá compreender os métodos do protocolo HTTP, lidar com requisições e respostas realizadas a uma API. Para integrar e consumir API utilizaremos o Axios. Também aprenderemos como aplicar na prática ferramentas e técnicas que estarão presentes nas suas aplicações no futuro, com boas práticas de UX e Animações.

Consumindo API

  • Criação das Interfaces
  • Consumindo API

Animações

Chapter #4: Offline First

📱 App - RentX (Continuação)

É hora de implementar a estratégia de Offline First para que algumas funcionalidades da nossa aplicação funcione sem conexão com internet utilizando um banco de dados local mais robusto. Incluiremos essas features no app RentX que estamos desenvolvendo.

Offline First

  • Introdução
  • Interfaces
  • Autenticação e Navegação
  • Recursos Offline

📝 Licença

Este projeto esta sob a licença MIT.

Feito com ❤️ por Paulo Filho!

About

Trilha de React Native do projeto Ignite da Rocketseat.

License:MIT License


Languages

Language:TypeScript 71.8%Language:Java 14.1%Language:Objective-C 8.5%Language:Starlark 2.6%Language:JavaScript 1.8%Language:Ruby 1.2%