Uber Eats

fuente: notjustdev

Restaurants

Restaurant

Dish

useAuthContext (authUser, dbUser, setDbUser, sub)

useBasketContext(basket, basketDishes, addDishToBasket,restaurant, setRestaurant, items, subtotal, totalPrice)

AWS

  1. Vaya a la consola de aws: https://aws.amazon.com/
  2. Crea una cuenta si no tienes una e inicia sesión
  3. Busque Amplify y desde este lugar iniciaremos la clase
  4. Presione “New app” y seleccione “Build an app”
  5. Esperemos a que se configure la aplicacón
  6. Presion 'Lounch Studio' para abrir la aplicación en Amplify Studio

Autenticación

Configurar proyecto

https://docs.amplify.aws/start/getting-started/setup/q/integration/react-native/#create-a-new-project

 

Instalar dependencias

 

Instalar Amplify cli

npm install -g @aws-amplify/cli
 

Conectar aplicación con Backend

  1. Toma el comando pull de Amplify Studio (desde la esquina superior derecha)
  2. Ejecute el comando en el directorio raíz de su proyecto
  3. Configurar Amplify, se abrirá el navegador, todo sí y para modificar el backend más delante

 

import { Amplify } from 'aws-amplify' 
import awsconfig from './src/aws-exports' 
Amplify.configure(awsconfig)

Implementar autenticación

import { withAuthenticator } from "aws-amplify-react-native"; 
export default withAuthenticator(App);

Implementar cerrar sesión en perfil de usuario

Autenticación

  1. Vaya a la consola de aws: https://aws.amazon.com/
  2. Crea una cuenta si no tienes una e inicia sesión
  3. Busque Amplify y desde este lugar iniciaremos la clase
  4. Presione “New app” y seleccione “Build an app”
  5. Esperemos a que se configure la aplicacón
  6. Presion 'Lounch Studio' para abrir la aplicación en Amplify Studio

Solución

DataStore - sync error typeerror Symbol.asyncIterator is not defined

 

https://stackoverflow.com/questions/75986313/typeerror-symbol-asynciterator-is-not-defined-when-connecting-to-aws-amplify

 

npm install @azure/core-asynciterator-polyfill 
import '@azure/core-asynciterator-polyfill'

Courier

 Dependencias y librerías

yarn add @gorhom/bottom-sheet@^4

expo install react-native-reanimated react-native-gesture-handler

En babel.config.js agregar:

plugins: ["react-native-reanimated/plugin"],

npx expo install react-native-maps

Ubicaciones

expo install expo-location

npm i react-native-maps-directions

  • Ir a https://console.cloud.google.com/ 
  • Configurar la facturación
  • Crear el proyecto en google cloud console
  • Habilitar el servicio de API Directions API
  • Ver las cuotas por uso de la API
  • Obtener las credenciales

deck

By Wilfredo Meneses

Made with Slides.com

deck

  • 285

More from Wilfredo Meneses