React Native – How to create a common library?
How to setup a new library repo? tsup create-react-native-library (old) How to use this library locally? Install local library into your React Native project Setup […]
Architecture
RN Micro – How to add a native package to native layer?
How to add react-native-svg? Android Method 1 Method 2 (Not recommended) This is to show you how to manually copy a react native’s android part […]
React Native – What does the new architecture solve?
new-architecture-of-react-native They are both based on communication between JS & native side What are the limitations of old architecture? What is an example of an […]
Android – How to create a shared library?
How to create an Android library? 1. Create an empty example project 2. Add Android library into this project 3. Add library project into example […]
iOS – How to create a private CocoaPods library?
Create a pod library Generate a template Pod library project Create a dummy Pod class Push Pod library into remote repo Configure podspec file Create […]
React Native – How to create a native module?
iOS Open iOS project in XCode Create MyNativeModule.h Create MyNativeModule.m Android Open Android project in Android Studio Create MyNativeModule.java having native Android moduleJava Kotlin Create […]
How to add React Native into existing native Android/iOS app (1)?
Follow this instruction integration-with-existing-apps You may need to install “react”: “x.x.x” by yourself. It is recommened to create an example React Native AwesomeProject for reference. […]
React Native – How to change Android application Id?
Definition APPLICATION_NAME – this will be used by react-native to identify your application. APPLICATION_DISPLAY_NAME – display name in Android Home Screen. ANDROID_PACKAGE_NAME – A valid android package name. […]
React Native – react-navigation (2)
How to reset navigation routes? What should be in data params when passing data? what-should-be-in-params What is the difference between push() and navigate()? How to […]
npm – How to create a private npm?
Use case: You have your own React UI library project and you want to use UI components from this lib across other projects React Native: […]