Code Monkey home page Code Monkey logo

react-native-0.70's Introduction

React Native Template / Boilerplate

Bleeding 🔪 Edge 🌉 Nightlymare 🌃 Edition

““”̿ ̿ ̿ ̿ ̿’̿’̵͇̿̿з=(*▽*)=ε/̵͇̿̿/̿ ̿ ̿ ̿ ̿’““
IDKFA

NPM RN pkg ver TypeScript Linter Formatter: prettier CI Maintenance Docs Project

Android iOS
Android iOS

Setup

Fresh M1/M2

Yarn v3

Upgrading from classic v1

cd ~
yarn set version berry

canary v4 🚧

Install

yarn # 🍺 version
yarn setup # 🤖 versioned version

https://github.com/leotm/react-native-template-new-architecture/blob/849ac8ff8512edbf51f580b4e85277456566a034/package.json#L146

More

Start

yarn start

Silicon (M1/M2) Macs

iOS (arm64)

cd ios
pod install
..
yarn ios

Or iOS (Intel x86_64)

Android

NDK

Fat M1 components: ndk-build, LLVM, CMake, Make, Python, Ninja, shader-tools, simpleperf - yasm remaining

Setup

Building-from-source#prerequisites, but with NDK 25.0.8775105

# android/local.properties
sdk.dir=/Users/<user>/Library/Android/sdk
ndk.dir=/Users/<user>/Library/Android/sdk/ndk/25.0.8775105

Strip: rcX suffix / (trailing) spaces / final final linebreak - otherwise fcntl(): Bad file descriptor

Android Studio

Setup

Open Android Studio - Preview release - Canary build

yarn android --active-arch-only

Troubleshooting

Storybook v6 beta

https://github.com/leotm/react-native-template-new-architecture/blob/01f1c9864f55367004effbe26d3f33590784704b/src/index.tsx#L132

Soon: v6 rn storybook server

Storybook v5

https://github.com/leotm/react-native-template-new-architecture/blob/01f1c9864f55367004effbe26d3f33590784704b/metro.config.js#L16

# @storybook/react-native-server v5
yarn storybook
yarn <android/ios>

Node

With ts-node and curveball

yarn server

Deno

brew install deno
yarn deno

License: MIT

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.