![GBesy [GB]](https://gbesy.biz/wp-content/uploads/2023/05/gbesy-Logo-full-100.png "GBesy [GB]"){kind=logo}
![GBesy [GB]](https://www.gbesy.com/wp-content/uploads/2023/05/gbesy-Logo-full-100.png "GBesy [GB]"){kind=logo}
Purchase this course you will earn Unlock Expert Knowledge: Discover the Premium Linton Ye – React Native 101 For Designers Course Exclusively at GBESY. Elevate your skills and achieve career success by learning from world-renowned instructors and industry experts through our extensive library of premium self-paced courses.
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)
Linton Ye – React Native 101 For Designers
TABLE OF CONTENTS
Getting Started
Welcome
Create your first React Native app
What is React Native?
What are native apps?
Environment Setup and Coding Exercises
React Native Core Components
A review of tags in React (web)
Image vs img
View and Text
ScrollView
Lists
JavaScript Premier: Destructuring
Style React Native Components
Styling options in React Native
StyleSheet
Combine styles
styled-components
Quick review of Flexbox for the web
Flexbox in React Native
Flexible and inflexible sizes
Flex under the hood
Implement Responsive Design
An overview of responsive design
Unify screen density
Adapt to screen sizes with Flexbox
iPhone X the notch and SafeAreaView
Adapt to screen sizes with Dimensions API
Dimension breakpoints
Build a responsive grid view
Adapt to device orientation with Dimensions API
Adapt to device size and orientation with onLayout
JavaScript Premier: Spread operator
Material on Android Only! – Platform API
Load platform dependent code by file extension
Handle User Input
Handle touches: Button and touchable components
Accept text input: TextInput props
Accept text input: save the value
Style TextInput
Avoid the keyboard!
Implement drag-and-drop
Fix a bug in the drag-and-drop code
Implement pinch-to-zoom
Animations
Animation options in React Native
Let the hat fly: LayoutAnimation
Fly the hat with Animated
Animate opacity and scale with Animated
Flip the hat: Animated interpolate (rotate)
Animation master control: Animated interpolate
Swipe the hat away: Animated and gestures
react-native-animatable
Lottie
Connect Screens Together: Navigation
Navigation options in React Native
React Navigation: one-screen navigation
React Navigation: master-detail screens
React Navigation: pass around parameters
React Navigation: tabs
React Navigation: transition animations
The “Real” React Native
What? It’s not the real React Native?
Set up XCode and Android Studio
Eject an Expo project
Install native extensions
Get immediately Linton Ye – React Native 101 For Designers
Unlock Expert Knowledge with the Linton Ye – React Native 101 For Designers Course on GBESY.
Access over 70,000 premium learning programs curated by leading experts and renowned authors at GBESY. Our Linton Ye – React Native 101 For Designers course provides actionable knowledge and real-world skills through:
- Expert Authors: Learn from renowned figures like John Overdurf, Conor Harris, Samir Kahlot, and more.
- Flexible Learning: Enjoy self-paced study for ultimate convenience.
- Comprehensive Resources: Benefit from detailed manuals and step-by-step guidance.
- Lifetime Access: Get ongoing learning with free updates.
- Secure Purchase: Your transactions are protected with 256-bit AES encryption and verified payment gateways (PayPal, Stripe).
- Instant Download: Access your Linton Ye – React Native 101 For Designers course immediately after payment from your account dashboard or via email. Learn on any device.
