*** Proof of Product ***
Exploring the Essential Features of “Mosh Hamedani – The Ultimate React Native Series: Fundamentals”
The Ultimate React Native Series: Fundamentals
Master the Fundamentals of Building Native Mobile Apps with React Native and Expo
COURSE OVERVIEW
- Beginner
- 6 hours of HD video
- 100 lessons
- Downloadable content
- Hands-on exercises
- English captions
Clear. Concise. Comprehensive.
Tired of piecing together disconnected tutorials or dealing with rambling, confusing instructors? This course is for you! It’s perfectly structured into a series of bite-sized, easy-to-follow videos that cover both theory and practice.
What You’ll Learn
- Build mobile apps with React Native with confidence
- Use the essential tools for React Native development
- Properly structure your React Native projects
- Run and debug your React Native apps
- Understand and troubleshoot common errors
- Work with the core components and APIs
- Build layouts with Flexbox
- Build reusable components
- Apply beautiful styles to your components
- Get input from the user
- Build forms with Formik
- Implement data validation with Yup
- Publish your apps to Expo
- Apply React Native best practices
- Write clean code like a pro
- Use my favorite shortcuts to write code fast
Course Content
6 Hours . 8 Sections . 100 Lessons
Getting Started (47m)
Introduction
Prerequisites
How to Use This Course
What is React Native
Expo
Setting Up the Development Environment
Your First App
Running on an iOS Simulator 3m 23s
Running on an Android Emulator 8m 45s
Running on a Device 1m 05s
Logging 1m 21s
Debugging in Chrome 5m 11s
Debugging in VSCode 7m 11s
Publishing 4m 07s
Fixing the Auto Import Issue 1m 42s
Source Code
Follow Me Around
Learning Paths
Fundamental Concepts (31m)
Core Components and APIs 1m 51s
View 2m 47s
Text 2m 42s
Image 5m 34s
Touchables 4m 56s
Button 1m 39s
Alert 3m 53s
StyleSheet 4m 54s
Platform-specific Code 2m 33s
Layout (48m)
Introduction 0m 37s
Dimensions 3m 38s
Detecting Orientation Changes 5m 17s
Flexbox 3m 17s
Flexbox- Direction 1m 51s
Flexbox- justifyContent, alignItems and alignSelf 4m 33s
Flexbox- flexWrap and alignContent 2m 59s
Flexbox- flexBasis, flexGrow and flexShrink 2m 45s
Absolute and Relative Positioning 2m 52s
Exercises 0m 59s
Building the Welcome Screen 10m 57s
Building the View Image Screen 4m 55s
Refactoring 2m 50s
A Quick Note
Styling (1h)
Introduction 0m 36s
Borders 2m 21s
Shadows 2m 08s
Paddings and Margins 2m 31s
Styling Text 4m 24s
Encapsulating Styles 4m 39s
Icons 2m 36s
Platform-specific Code 4m 45s
Organizing Styles 3m 50s
Exercises
Building the Button Component 5m 48s
Improving the Welcome Screen 5m 53s
Building the Card Component 9m 48s
Building the Listing Details Screen 4m 51s
Building the ListItem Component 7m 22s
Improving the View Image Screen 2m 14s
UI Libraries
Lists (1h)
Introduction 0m 25s
FlatList 4m 24s
Extracting the Screen Component 6m 58s
Separators 5m 01s
Handling Selections 3m 24s
Handling Swipes 6m 52s
Deleting an Item 6m 31s
Implementing Pull to Refresh 3m 10s
Exercises
Planning the Account Screen 1m 53s
Building the Icon Component 4m 57s
Extending the ListItem Component 4m 43s
Building the Account Screen 10m 58s
Building the Listings Screen 5m 55s
Input Components (36m)
Introduction 0m 32s
TextInput 5m 02s
Building a Pretty TextInput 7m 11s
Extracting the Default Styles 3m 39s
Switch 1m 42s
Picker 2m 12s
Building a Custom Picker 3m 54s
Modal 4m 32s
Showing Picker Items 4m 53s
Handling Selections 2m 48s
A Quick Note
Forms (52m)
Introduction 0m 37s
Building the Login Form 7m 58s
Building Better Forms with Formik 5m 49s
Form Validation with Yup 4m 58s
Building the ErrorMessage Component 2m 57s
The Touched State 3m 17s
Building the Field Component 6m 41s
Building the SubmitButton Component 2m 14s
Building the Form Component 3m 03s
Organizing Components 6m 11s
Exercises
Building the Listing Edit Screen 5m 22s
Fixing the Placeholder Color 2m 47s
Additional Improvements (33m)
Introduction 0m 38s
Adding Chevrons 2m 27s
Handling Long Text 1m 57s
Improving the Messages Screen 2m 23s
Fixing the Auto Import Issue 1m 33s
Input Components with Dynamic Width 3m 00s
Flexible Architecture 3m 48s
Building the CategoryPickerItem Component 8m 14s
Revisiting Components’ Names 2m 29s
Custom Snippets 4m 25s
Course Wrap Up 2m 10s
The Ultimate React Native: Part 2
Who Is This For?
- Developers who want to use their JavaScript skills to build mobile appsÂ
- Developers who want to add React Native to their resume to get a better job
- Web developers who want to get into the mobile development industry
- React Native developers who want to brush up on their skills and fill the gaps
- Developers passionate about learning new technologies
Prerequisites
To take this course, you don’t need any familiar with React Native or iOS/Android development. However, you should have a good understanding of fundamental React concepts (components, JSX, props, state, etc) as well as modern JavaScript (arrow functions, modules, destructuring, spread operator, etc).
Here are the courses we recommend if you need to strengthen the fundamentals.
HELLO,
I’m Mosh Hamedani.
Are you feeling stuck or overwhelmed in your coding journey? Don’t worry, I’ve got your back! Together, we’ll work to level up your skills, increase your earning potential, and build a brighter future.
Please see the full list of alternative group-buy courses available here: https://lunacourse.com/shop/