RN Micro – How to create an app loading metro server?
Create a JS project Create a native Android project How to load a pre-bundled file? Create a native iOS project
React Native
React – How to queue a series of State Updates?
https://react.dev/learn/queueing-a-series-of-state-updates What is “queue the next render”? What is the result of this code when you click on the button once? It’s not 3 but […]
React Native – How to control user gestures?
Install react-native-gesture-handler How to detect the swipe up, swipe down gestures? Option 1 Option 2
React Native – Animation (2)
How to create an animated dropdown text? How to create an up/down animated header bar?
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 […]
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 – How to use a custom font icon?
Assuming you have a custom font icon themeA.ttf file react-native side Android side Copy themeA.ttf into app/src/main/assets/fonts/themeA.ttf iOS side
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 […]
React Native – Testing (3)
How to fix “Received number of calls: 0” when testing a class method? Ref: inner-functions-with-jest How to mock a class to return a function instead […]
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 […]