React Native – 101 For Designers

Description

Unlock your potential with the Unlock your potential with the React Native - 101 For DesignersReact Native - 101 For Designers course for only course for only $$139.00139.00 Original price was: $139.00.Original price was: $139.00.$$38.7038.70Current price is: $38.70.Current price is: $38.70. at at Giolib.comGiolib.com! Explore our comprehensive library of over 60,000 downloadable digital courses across various ! Explore our comprehensive library of over 60,000 downloadable digital courses across various Business & SalesBusiness & Sales. Get expert-led, self-paced learning at up to 80% savings. Elevate your skills today!. Get expert-led, self-paced learning at up to 80% savings. Elevate your skills today!

React Native – 101 For Designers

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

Get Get React Native – 101 For Designers download

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

Future-proof your knowledge with the Future-proof your knowledge with the React Native - 101 For DesignersReact Native - 101 For Designers course at course at GiOlibGiOlib! Enjoy lifetime access to high-quality digital content, crafted to advance your career and personal development.! Enjoy lifetime access to high-quality digital content, crafted to advance your career and personal development.

• Lifetime Access:Lifetime Access: Permanent access to all purchased courses. Permanent access to all purchased courses.
• Smart Savings:Smart Savings: Benefit from prices up to 80% off original course costs. Benefit from prices up to 80% off original course costs.
• Safe Transactions:Safe Transactions: Process your payments securely. Process your payments securely.
• Practical Insights:Practical Insights: Gain actionable skills relevant to today's demands. Gain actionable skills relevant to today's demands.
• Instant Availability:Instant Availability: Begin your course immediately after payment. Begin your course immediately after payment.
• Flexible Learning:Flexible Learning: Access content effortlessly on any device. Access content effortlessly on any device.

Start expanding your horizons with Start expanding your horizons with GiOlibGiOlib!!