Book List App

ℹ️ Info

A simple React Native App aimed to learn the principals of Props, States, FlatList and React Navigation in React Native. The application was developed in the online course "Meu Primeiro Aplicativo", (My First Application in english), conducted and designed by Felipe Fontoura from Dev Samurai.

Design 🎨

For designing and prototyping I used Figma

Figma Design :

• Figma

About

• Platform: iOS & Android

• Related Articles:

React Native Basics: Componentes Funcionais vs Classes

React Native Basics: Props & States

React Native Tuturials: Usando a Câmera do Celular

JavaScript: Filter, Map e Reduce – O Guia Supremo

💻 Demonstration

📱Screens

Development

Pre-requisities

• Node.js
• Git

Expo

Expo is a framework and a platform for universal React applications. It is a set of tools and services built around React Native and native platforms that help you develop, build, deploy, and quickly iterate on iOS, Android, and web apps from the same JavaScript/TypeScript codebase.

This Project in Expo :

Will be able to view the project here

Quick start

Install the command line tools

$ npm install --g expo-cli

Clone this repository

$ git clone https://github.com/5626pedro/insta-cat-app

Go into the repository

$ cd insta-cat-app

Start the local development server of Expo CLI

$ expo start

iOS Simulator

Step 1: Install Xcode

Step 2: Install Xcode Command Line Tools

Step 3: "Run on iOS simulator" from the browser-based DevTools UI

Official Guide

Android Studio Emulator

Step 1: Set up Android Studio's tools

Step 2: Set up a virtual device

Step 3: "Run on Android device/emulator" from the browser-based DevTools UI

Official Guide