/rn-composable-ui

react-native, starter-kit, template, multi-platform, expo, web, mobile, ios, android

Primary LanguageJavaScriptMozilla Public License 2.0MPL-2.0

RN Composable UI (Starter Kit)

Open in Gitpod

Beta

E2E

Cypress Tests

GitHub release (latest by date) GitHub

A mobile/web starter template with Configurability and Composability

Demo

Demo demo for the router

Deploy (3 step)
  • yarn build:demo
  • find web-build -type f -exec sed -i 's/\/applerdotxyz\/rn-composable-ui\//\//g' {} +
  • vercel --prod

Features

  • uses configurable UI layouts uses rn-config-tyler

  • uses configurable UI components (forms, lists, imagebox, videos etc.)

  • uses multi-render routing capabilities (thanks to saurshaz/rn-config-tyler TODO: insert codesandbox.io link)

  • uses configurable event-binding capabilities (TODO: insert codesandbox.io link)

  • uses jsoneditor based json-browser to provide for modifying any of the configs on the fly (dev mode)

  • react-native with expo

  • expo-web and react-native-web based web rendering

  • TODO: capability to have api code

  • Setup your project with Expo

    • Install the CLI: npm i -g expo-cli
    • cd into the project npm i or yarn
      1. fetch rn-composable repo (with submodules) git submodule update --remote --recursive
      2. install dependencies by doing npm install from within rn-config-tyler folder
      3. install dependencies from main folder npm install
      4. run npm run web
      5. toggle between example configs using index.js`
    • Copy .env.sample to create .env for maintaining your env data
    • Go to http://localhost:19006/ to see your project!

🏁 New Commands

  • Starting web

    • ✅ yarn web

  • Building web

    • ✅ expo build:web and then serve from any server

Env setup

  • add a .env file bycopying and editing .env.sample (in root folder)