React Native – 101 For Designers

Getting Began ▿
1.1 Welcome
1.2 Create your first React Native app
1.3 What’s React Native?
1.4 What are native apps?
1.5 Surroundings Setup and Coding Workout routines _x0001F4D6_
React Native Core Elements ▿
2.1 A evaluation of tags in React (internet) _x0001F4D6_
2.2 Picture vs img _x0001F4D6_
2.3 View and Textual content _x0001F4D6_
2.4 ScrollView _x0001F4D6_
2.5 Lists _x0001F4D6_
2.6 JavaScript Premier: Destructuring
Type React Native Elements ▿
3.1 Styling choices in React Native
3.2 StyleSheet _x0001F4D6_
3.3 Mix kinds _x0001F4D6_
3.4 styled-parts _x0001F4D6_
3.5 Fast evaluation of Flexbox for the online _x0001F4D6_
3.6 Flexbox in React Native _x0001F4D6_
3.7 Versatile and rigid sizes _x0001F4D6_
3.8 Flex underneath the hood
Implement Responsive Design ▿
4.1 An summary of responsive design _x0001F4D6_
4.2 Unify display density _x0001F4D6_
4.3 Adapt to display sizes with Flexbox
4.4 iPhone X the notch and SafeAreaView _x0001F4D6_
4.5 Adapt to display sizes with Dimensions API _x0001F4D6_
4.6 Dimension breakpoints _x0001F4D6_
4.7 Construct a responsive grid view _x0001F4D6_
4.8 Adapt to machine orientation with Dimensions API _x0001F4D6_
4.9 Adapt to machine dimension and orientation with onLayout _x0001F4D6_

Get instantly obtain React Native – 101 For Designers

4.10 JavaScript Premier: Unfold operator _x0001F4D6_
4.11 Materials on Android Solely! – Platform API _x0001F4D6_
4.12 Load platform dependent code by file extension _x0001F4D6_
Deal with Person Enter ▿
5.1 Deal with touches: Button and touchable parts _x0001F4D6_
5.2 Settle for textual content enter: TextInput props _x0001F4D6_
5.3 Settle for textual content enter: save the worth _x0001F4D6_
5.4 Type TextInput _x0001F4D6_
5.5 Keep away from the keyboard! _x0001F4D6_
5.6 Implement drag-and-drop _x0001F4D6_
5.7 Repair a bug within the drag-and-drop code _x0001F4D6_
5.8 Implement pinch-to-zoom _x0001F4D6_
Animations ▿
6.1 Animation choices in React Native _x0001F4D6_
6.2 Let the hat fly: LayoutAnimation _x0001F4D6_
6.3 Fly the hat with Animated _x0001F4D6_
6.4 Animate opacity and scale with Animated _x0001F4D6_
6.5 Flip the hat: Animated interpolate (rotate) _x0001F4D6_
6.6 Animation grasp management: Animated interpolate _x0001F4D6_
6.7 Swipe the hat away: Animated and gestures _x0001F4D6_
6.8 react-native-animatable _x0001F4D6_
6.9 Lottie _x0001F4D6_
Join Screens Collectively: Navigation ▿
7.1 Navigation choices in React Native _x0001F4D6_
7.2 React Navigation: one-display navigation _x0001F4D6_
7.3 React Navigation: grasp-element screens _x0001F4D6_
7.4 React Navigation: go round parameters _x0001F4D6_
7.5 React Navigation: tabs _x0001F4D6_
7.6 React Navigation: transition animations _x0001F4D6_
The “Real” React Native ▿
8.1 What? It isn’t the actual React Native? _x0001F4D6_
8.2 Arrange XCode and Android Studio _x0001F4D6_
8.3 Eject an Expo mission _x0001F4D6_
8.4 Set up native extensions _x0001F4D6_