Code Monkey home page Code Monkey logo

react-native-shop's Introduction

React Native Expo Shop App

Quick Start

node --version
# v20.11.0
npm --version
# 10.4.0
pnpm --version
# 8.14.3

# install packages (it will create node_modules directory)
pnpm install --frozen-lockfile
# or
pnpm exec expo install
# start simulator
pnpm run ios
pnpm run android

# start with clear cache sometimes
pnpm exec expo start --ios -c
pnpm exec expo start --android -c

Initial Project Setup Notes

# expo stack quick setup https://createexpostack.com/
pnpm create expo-stack
# select TypeScript, Expo Router and Tabs

# https://docs.expo.dev/versions/latest/sdk/map-view/
pnpm exec expo install react-native-maps

# https://docs.expo.dev/guides/using-supabase/
pnpm exec expo install @supabase/supabase-js \
  @react-native-async-storage/async-storage \
  react-native-url-polyfill

# https://github.com/pmndrs/zustand
pnpm exec expo install zustand

# https://docs.expo.dev/ui-programming/react-native-toast/
pnpm exec expo install react-native-root-toast

Troubleshooting Log

References

React Native Expo

Supabase

Upgrade

# upgrade pnpm
corepack prepare [email protected] --activate
# check project settings
pnpm dlx expo-doctor
# Didn't find any issues with the project!

# upgrade
pnpm dlx expo-cli upgrade
# ✔ Would you like to proceed? … yes
# ...
# 👏 Automated upgrade steps complete.

# check again
pnpm dlx expo-doctor
  • when expo-doctor failed, the message shows the next command to fix
✔ Check Expo config for common issues
✔ Check package.json for common issues
✔ Check dependencies for packages that should not be installed directly
✔ Check for common project setup issues
✔ Check npm/ yarn versions
✔ Check Expo config (app.json/ app.config.js) schema
✖ Check that packages match versions required by installed Expo SDK
✔ Check for legacy global CLI installed locally
✔ Check that native modules do not use incompatible support packages
✔ Check that native modules use compatible support package versions for installed Expo SDK

Detailed check results:

Some dependencies are incompatible with the installed expo version:
  [email protected] - expected version: 0.72.6
Your project may not work correctly until you install the correct versions of the packages.
Fix with: npx expo install --fix
Found outdated dependencies
Advice: Use 'npx expo install --check' to review and upgrade your dependencies.

One or more checks failed, indicating possible issues with the project.
pnpm dlx expo install --check
# Some dependencies are incompatible with the installed expo version:
#   [email protected] - expected version: 0.72.6
# Your project may not work correctly until you install the correct versions of the packages.
# Fix with: npx expo install --fix
# ✔ Fix dependencies? … yes
# › Installing 1 SDK 49.0.0 compatible native module using pnpm

# check again
pnpm dlx expo-doctor
# Didn't find any issues with the project!
# pnpm dlx expo-doctor --fix-dependencies

react-native-shop's People

Contributors

kenfj avatar

Watchers

 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.