Please enable JavaScript.
Coggle requires JavaScript to display documents.
rn and expo - Coggle Diagram
rn and expo
-
app implementation approaches

VM Hybrid

both Both Android and iOS have a built in JavaScript engine which they leverage for supporting their browsers
-
-
-
-
drawbacks
-
The performance issues manifest themselves a lot more in cases where you are doing high performance games, or 3-d games for your mobile devices
-
-
-
-
-
animation
reanimated
worklets
a tiny chunks of JavaScript code that can be moved to a separate JavaScript VM and executed synchronously on the UI thread.
-
Animations can be started in two ways: by triggering animated change on a shared value, or by returning animated value from useAnimatedStyle hook.
-
-
-
Animated API

-
-
-
navigation
react navigation
navigators
stackNavigator
createStackNavigator
createStackNavigator is a function that returns an object containing 2 properties: Screen and Navigator
-
optinos props for screen
additional props
render callback
- 1 more item...
-
react navigation 5
-
-
NavigationContainer
-
-
Notify state changes for screen tracking, state persistence etc.
state object:
index: 0, routes: [{ name: 'Profile' }],
store
redux
-
redux-persists
fily system, asyncstorage
-
-
-
immutability
disadvantages
-
Your entire codebase must know what is,
and what is not, an Immutable.JS object
-
-
-
-
-
gesture
-
panresponder
-
So you will typically use these functions to capture the ability to just point to the gesture. So you would specify onStartShouldSetPanResponderCapture, onMoveShouldSetPanResponder, and so on, to enable you to capture, informing the system that you're going to respond to that gesture.
-
-
-
-
styling
atomic!
export const small = {
paddingHorizontal: 10,
paddingVertical: 12,
width: 75
};
export const rounded = { borderRadius: 50 };
export const smallRounded = { ...base, ...small, ...rounded };
-
-