Giter Site home page Giter Site logo

uiwjs / react-native-template Goto Github PK

View Code? Open in Web Editor NEW
17.0 5.0 15.0 38.59 MB

React Native template for react-native-uiw.

Home Page: https://uiwjs.github.io/react-native-template

License: MIT License

JavaScript 69.99% Java 16.87% Objective-C 5.26% Ruby 5.28% Objective-C++ 2.60%
uiw uiw-react react-native react-native-template template react

react-native-template's Introduction

React Native UIW Template

React Native Template for @uiw/react-native.

Migrate from @uiw/react-native-template 0.1.2 to v1.1.0

Features

This template includes the following:

Installation and Usage

๐Ÿšง This template only works with the new CLI. This template is intended for React Native versions >= 0.61. It has not been tested with previous versions.

Note on the legacy CLI

๐Ÿšง There seems to be quite some confusion about the legacy CLI. This template only works with the new CLI. Make sure you have uninstalled the legacy react-native-cli first (npm uninstall -g react-native-cli), for the below command to work.

npm uninstall -g react-native-cli

Further information can be found here: https://github.com/react-native-community/cli#about

๐Ÿšง๐Ÿšง If you wish to not use [email protected] or higher help

Check whether your ruby version is higher than 2.7.5
bundle install
cd ios && bundle exec pod install

๐Ÿšง๐Ÿšง MacBook Pro with a M1 ๐Ÿšง๐Ÿšง

# Install ffi
sudo arch -x86_64 gem install ffi

rm -rf Pods Podfile.lock

# Clear pods.
pod deintegrate
# pod rm Podfile.lock
arch -x86_64 pod install
# Re-install pods
arch -x86_64 pod install --repo-update --verbose

yarn run ios # Run instructions for iOS
yarn run api

[email protected] or higher

npx react-native init MyApp --template @uiw/react-native-template
# npx react-native init MyApp --template @uiw/[email protected]

If you wish to not use npx

you can also install the new CLI globally (npm i -g @react-native-community/cli or yarn global add @react-native-community/cli).

npx react-native init MyApp --template @uiw/react-native-template

cd MyApp/ios
# Installing CocoaPods dependencies
pod install 
# This will initialize new project using template from TEMPLATE_NAME package
npx react-native init ProjectName --template ${TEMPLATE_NAME}

# This will initialize new project using init command from react-native@VERSION
# but will use TEMPLATE_NAME custom template
npx react-native@${VERSION} init ProjectName --template ${TEMPLATE_NAME}

@uiw/react-native-uiwๆ–‡ๆกฃๆœฌๅœฐ้ข„่งˆ

yarn run doc

Use husky

Edit package.json > prepare script and run it once:

npm pkg set scripts.prepare="husky install"
npm run prepare

Add a hook:

npx husky add .husky/pre-commit "npm run precommit"
git add .husky/pre-commit

Make a commit:

git commit -m "Keep calm and commit"
# `npm precommit` will run

Dependencies

@react-navigation/native
  โ”œโ”€โ”€react-native-gesture-handler
  โ”œโ”€โ”€react-native-reanimated
  โ”œโ”€โ”€react-native-screens
  โ”œโ”€โ”€react-native-safe-area-context
  โ””โ”€โ”€@react-native-community/masked-view

็›ฎๅฝ•็ป“ๆž„

โ”œโ”€โ”€ Gemfile
โ”œโ”€โ”€ README.md
โ”œโ”€โ”€ __tests__
โ”‚ย ย  โ””โ”€โ”€ App-test.js
โ”œโ”€โ”€ _bundle
โ”‚ย ย  โ””โ”€โ”€ config
โ”œโ”€โ”€ _node-version
โ”œโ”€โ”€ android
โ”‚ย ย  โ”œโ”€โ”€ app
โ”‚ย ย  โ”œโ”€โ”€ build.gradle
โ”‚ย ย  โ”œโ”€โ”€ gradle
โ”‚ย ย  โ”œโ”€โ”€ gradle.properties
โ”‚ย ย  โ”œโ”€โ”€ gradlew
โ”‚ย ย  โ”œโ”€โ”€ gradlew.bat
โ”‚ย ย  โ””โ”€โ”€ settings.gradle
โ”œโ”€โ”€ app.json
โ”œโ”€โ”€ babel.config.js
โ”œโ”€โ”€ index.js
โ”œโ”€โ”€ ios
โ”‚ย ย  โ”œโ”€โ”€ HelloWorld
โ”‚ย ย  โ”œโ”€โ”€ HelloWorld.xcodeproj
โ”‚ย ย  โ”œโ”€โ”€ HelloWorld.xcworkspace
โ”‚ย ย  โ”œโ”€โ”€ HelloWorldTests
โ”‚ย ย  โ”œโ”€โ”€ Podfile
โ”‚ย ย  โ”œโ”€โ”€ Podfile.lock
โ”‚ย ย  โ”œโ”€โ”€ Pods
โ”‚ย ย  โ”œโ”€โ”€ _xcode.env
โ”‚ย ย  โ””โ”€โ”€ build
โ”œโ”€โ”€ jsconfig.json
โ”œโ”€โ”€ metro.config.js
โ”œโ”€โ”€ mocker
โ”‚ย ย  โ”œโ”€โ”€ index.js
โ”‚ย ย  โ””โ”€โ”€ user.mock.js
โ”œโ”€โ”€ package.json
โ””โ”€โ”€ src
    โ”œโ”€โ”€ App.js
    โ”œโ”€โ”€ components
    โ”œโ”€โ”€ config.js
    โ”œโ”€โ”€ global.js
    โ”œโ”€โ”€ hooks
    โ”œโ”€โ”€ models
    โ”œโ”€โ”€ pages
    โ”œโ”€โ”€ routes
    โ”œโ”€โ”€ services
    โ””โ”€โ”€ utils

Links

Contributors

As always, thanks to our amazing contributors!

ๅฐๅผŸ่ฐƒ่ฐƒ Mend Renovate Chenling ๅด”ๅ…ฐ้‘ซ cc Amber-Nan panbibi ... xyf ้€้ฅ

Made with contributors.

License

This project is MIT licensed.

react-native-template's People

Contributors

amber-nan avatar chenlingasmx avatar cuilanxin avatar github-actions[bot] avatar jaywcjlove avatar matuancc avatar panbibi avatar renovate-bot avatar renovate[bot] avatar sunlxy avatar wwmmzz avatar xingyuefeng avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

react-native-template's Issues

ไฝฟ็”จ v1.5.1 ็‰ˆๆœฌ IOSๆ— ๆณ•่ฟ่กŒ

ๅœจไฝฟ็”จtemplate 1.5.1 ๅˆ›ๅปบ้กน็›ฎๅŽ๏ผŒ๏ผŒandroid่ฟ่กŒๆญฃๅธธ๏ผŒios้€š่ฟ‡ๅ‘ฝไปค่ฟ่กŒๆŠฅ้”™
ๅŽๅฐ† iOS ไธ‹ Podfile ๆ–‡ไปถไธญ use_flipper! ๆ›ฟๆขไธบuse_flipper!({ 'Flipper' => '0.95.0' }) ๅฏๆญฃๅธธๅ‘ฝไปค่ฟ่กŒ

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

  • fix(deps): update dependency @react-native-async-storage/async-storage to ~1.22.0
  • fix(deps): update dependency react-native to v0.73.4
  • fix(deps): update dependency react-native-device-info to ~10.12.0
  • fix(deps): update dependency react-native-gesture-handler to v2.15.0
  • fix(deps): update dependency react-native-reanimated to v3.7.1
  • fix(deps): update dependency react-native-safe-area-context to ~4.9.0
  • fix(deps): update dependency react-native-screens to ~3.29.0
  • fix(deps): update dependency react-native-svg to v13.14.0
  • fix(deps): update dependency react-redux to v8.1.3
  • fix(deps): update dependency redux to v4.2.1
  • fix(deps): update react-navigation monorepo (@react-navigation/bottom-tabs, @react-navigation/native, @react-navigation/stack)
  • chore(deps): update actions/checkout action to v4
  • chore(deps): update actions/setup-node action to v4
  • chore(deps): update dependency @tsconfig/react-native to v3
  • chore(deps): update dependency babel-plugin-module-resolver to v5
  • chore(deps): update dependency eslint-plugin-prettier to v5
  • chore(deps): update dependency fs-extra to v11
  • chore(deps): update dependency gradle to v8
  • chore(deps): update dependency husky to v9
  • chore(deps): update dependency lint-staged to v15
  • chore(deps): update dependency prettier to v3
  • chore(deps): update dependency typescript to v5
  • fix(deps): update dependency @uiw/formatter to v2
  • fix(deps): update dependency com.android.tools.build:gradle to v8
  • fix(deps): update dependency react-native-root-siblings to v5
  • fix(deps): update dependency react-native-svg to v14
  • fix(deps): update dependency react-redux to v9
  • fix(deps): update dependency redux to v5
  • ๐Ÿ” Create all rate-limited PRs at once ๐Ÿ”

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

bundler
HelloWorld/Gemfile
  • ruby >= 2.6.10
  • cocoapods '>= 1.11.3'
template/template/Gemfile
  • ruby >= 2.6.10
  • cocoapods '>= 1.11.3'
cocoapods
HelloWorld/ios/Podfile
template/template/ios/Podfile
github-actions
.github/workflows/ci.yml
  • actions/checkout v3
  • actions/setup-node v3
  • peaceiris/actions-gh-pages v3
  • actions/checkout v3
  • ncipollo/release-action v1
.github/workflows/pull_request.yml
  • actions/checkout v3
  • actions/setup-node v3
gradle
HelloWorld/android/gradle.properties
  • com.facebook.flipper:flipper 0.125.0
  • com.facebook.flipper:flipper-network-plugin 0.125.0
  • com.facebook.flipper:flipper-fresco-plugin 0.125.0
HelloWorld/android/settings.gradle
HelloWorld/android/build.gradle
  • com.android.tools.build:gradle 7.3.1
HelloWorld/android/app/build.gradle
  • androidx.swiperefreshlayout:swiperefreshlayout 1.0.0
template/template/android/gradle.properties
  • com.facebook.flipper:flipper 0.125.0
  • com.facebook.flipper:flipper-network-plugin 0.125.0
  • com.facebook.flipper:flipper-fresco-plugin 0.125.0
template/template/android/settings.gradle
template/template/android/build.gradle
  • com.android.tools.build:gradle 7.3.1
template/template/android/app/build.gradle
  • androidx.swiperefreshlayout:swiperefreshlayout 1.0.0
gradle-wrapper
HelloWorld/android/gradle/wrapper/gradle-wrapper.properties
  • gradle 7.5.1
template/template/android/gradle/wrapper/gradle-wrapper.properties
  • gradle 7.5.1
npm
HelloWorld/package.json
  • @react-native-async-storage/async-storage ~1.17.11
  • @react-native-community/masked-view ~0.1.11
  • @react-navigation/bottom-tabs ~6.3.2
  • @react-navigation/native ~6.0.11
  • @react-navigation/stack ~6.2.2
  • react-native-safe-area-context ~4.3.1
  • react-native-reanimated 3.1.0
  • @rematch/core 2.2.0
  • @rematch/loading 2.1.2
  • @uiw/formatter ~1.3.3
  • @uiw/react-native ^4.0.2
  • react-native-gesture-handler 2.8.0
  • react-native-root-siblings 4.1.1
  • react-native-svg 13.9.0
  • react 18.2.0
  • react-native 0.71.7
  • react-native-device-info ~10.0.2
  • react-native-screens ~3.15.0
  • react-redux 8.0.5
  • redux 4.1.2
  • react-query ~3.39.2
  • @kkt/doc ^1.0.0
  • @uiw/react-native-doc ^4.0.5
  • @babel/core ~7.20.0
  • @babel/preset-env ^7.20.0
  • @babel/runtime ~7.20.0
  • @react-native-community/eslint-config 3.2.0
  • @tsconfig/react-native ^2.0.2
  • @types/jest ^29.2.1
  • @types/react ^18.0.24
  • @types/react-test-renderer ^18.0.0
  • babel-jest ~29.2.1
  • babel-plugin-module-resolver ^4.1.0
  • eslint ~8.21.0
  • eslint-plugin-prettier ~4.2.1
  • husky ^8.0.0
  • jest 29.2.1
  • lint-staged ~12.5.0
  • metro-react-native-babel-preset ^0.73.9
  • mocker-api ~2.9.5
  • prettier ^2.8.0
  • react-test-renderer 18.2.0
  • typescript 4.8.4
package.json
  • fs-extra 10.0.0
template/package.json
template/template/package.json
  • @react-native-async-storage/async-storage ~1.17.11
  • @react-native-community/masked-view ~0.1.11
  • @react-navigation/bottom-tabs ~6.3.2
  • @react-navigation/native ~6.0.11
  • @react-navigation/stack ~6.2.2
  • react-native-safe-area-context ~4.3.1
  • react-native-reanimated 3.1.0
  • @rematch/core 2.2.0
  • @rematch/loading 2.1.2
  • @uiw/formatter ~1.3.3
  • @uiw/react-native ^4.0.2
  • react-native-gesture-handler 2.8.0
  • react-native-root-siblings 4.1.1
  • react-native-svg 13.9.0
  • react 18.2.0
  • react-native 0.71.7
  • react-native-device-info ~10.0.2
  • react-native-screens ~3.15.0
  • react-redux 8.0.5
  • redux 4.1.2
  • react-query ~3.39.2
  • @kkt/doc ^1.0.0
  • @uiw/react-native-doc ^4.0.5
  • @babel/core ~7.20.0
  • @babel/preset-env ^7.20.0
  • @babel/runtime ~7.20.0
  • @react-native-community/eslint-config 3.2.0
  • @tsconfig/react-native ^2.0.2
  • @types/jest ^29.2.1
  • @types/react ^18.0.24
  • @types/react-test-renderer ^18.0.0
  • babel-jest ~29.2.1
  • babel-plugin-module-resolver ^4.1.0
  • eslint ~8.21.0
  • eslint-plugin-prettier ~4.2.1
  • mocker-api ~2.9.5
  • prettier ^2.8.0
  • jest 29.2.1
  • metro-react-native-babel-preset ^0.73.9
  • lint-staged ~12.5.0
  • husky ^8.0.0
  • react-test-renderer 18.2.0
  • typescript 4.8.4

  • Check this box to trigger a request for Renovate to run again on this repository

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: undefined. Note: this is a nested preset so please contact the preset author if you are unable to fix it yourself.

ไพ่ต– react navigation ๅ‡็บง

"@react-native-async-storage/async-storage": "1.15.14",
"@react-native-community/masked-view": "0.1.11",
"@react-navigation/bottom-tabs": "6.0.9",
"@react-navigation/native": "6.0.6",
"@react-navigation/stack": "6.0.11",

@react-navigation ๅ‡็บง ๅฏผ่‡ดไพ่ต– color ๅ‡็บง๏ผŒๅฏผ่‡ดandroid ๆ‰“ๅŒ…ๅคฑ่ดฅ uiwjs/react-native-uiw#380

"@uiw/react-native": "3.0.3",

eslint ๆฃ€ๆต‹ไปฃ็ ๅคฑๆ•ˆ

npx react-native init MyApp --template @uiw/react-native-template ๅˆ›ๅปบ้กน็›ฎไฝฟ็”จvscode ็ผ–่พ‘
image
ๅนถๆฒกๆœ‰ไปฃ็ ๆ ผๅผ้”™่ฏฏ็š„ๆฃ€ๆต‹๏ผŒไปฅๅŠ WingBlank ็ป„ไปถไธๅญ˜ๅœจ็š„ๆฃ€ๆต‹

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.