React Native – 101 For Designers

We join Groupbuy AND always try to share knowledge with more people. Especially the quality is the same as salepage. You can buy directly at salepage, with full price. (link SALEPAGE are mounted directly on the post)

React Native – 101 For Designers

Getting Started ▿
1.1 Welcome
1.2 Create your first React Native app
1.3 What is React Native?
1.4 What are native apps?
1.5 Environment Setup and Coding Exercises ?
React Native Core Components ▿
2.1 A review of tags in React (web) ?
2.2 Image vs img ?
2.3 View and Text ?
2.4 ScrollView ?
2.5 Lists ?
2.6 JavaScript Premier: Destructuring
Style React Native Components ▿
3.1 Styling options in React Native
3.2 StyleSheet ?
3.3 Combine styles ?
3.4 styled-components ?
3.5 Quick review of Flexbox for the web ?
3.6 Flexbox in React Native ?
3.7 Flexible and inflexible sizes ?
3.8 Flex under the hood
Implement Responsive Design ▿
4.1 An overview of responsive design ?
4.2 Unify screen density ?
4.3 Adapt to screen sizes with Flexbox
4.4 iPhone X the notch and SafeAreaView ?
4.5 Adapt to screen sizes with Dimensions API ?
4.6 Dimension breakpoints ?
4.7 Build a responsive grid view ?
4.8 Adapt to device orientation with Dimensions API ?
4.9 Adapt to device size and orientation with onLayout ?

Get React Native – 101 For Designers download

4.10 JavaScript Premier: Spread operator ?
4.11 Material on Android Only! – Platform API ?
4.12 Load platform dependent code by file extension ?
Handle User Input ▿
5.1 Handle touches: Button and touchable components ?
5.2 Accept text input: TextInput props ?
5.3 Accept text input: save the value ?
5.4 Style TextInput ?
5.5 Avoid the keyboard! ?
5.6 Implement drag-and-drop ?
5.7 Fix a bug in the drag-and-drop code ?
5.8 Implement pinch-to-zoom ?
Animations ▿
6.1 Animation options in React Native ?
6.2 Let the hat fly: LayoutAnimation ?
6.3 Fly the hat with Animated ?
6.4 Animate opacity and scale with Animated ?
6.5 Flip the hat: Animated interpolate (rotate) ?
6.6 Animation master control: Animated interpolate ?
6.7 Swipe the hat away: Animated and gestures ?
6.8 react-native-animatable ?
6.9 Lottie ?
Connect Screens Together: Navigation ▿
7.1 Navigation options in React Native ?
7.2 React Navigation: one-screen navigation ?
7.3 React Navigation: master-detail screens ?
7.4 React Navigation: pass around parameters ?
7.5 React Navigation: tabs ?
7.6 React Navigation: transition animations ?
The “Real” React Native ▿
8.1 What? It’s not the real React Native? ?
8.2 Set up XCode and Android Studio ?
8.3 Eject an Expo project ?
8.4 Install native extensions ?