React Native – 101 For Designers

Purchase React Native – 101 For Designers courses at here with PRICE $139 $43

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

Purchase React Native – 101 For Designers courses at here with PRICE $139 $43