Code Monkey home page Code Monkey logo

ignite-react-native's Introduction

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

📱 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

📱 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

📱 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!

ignite-react-native's People

Contributors

paulocf92 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.