React Native – 101 For Designers

Description

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 ?