5- Expo | Code with Mosh

Show Sidebar

Autoplay
Autocomplete

Previous Lesson Complete and Continue

The Ultimate React Native Series: Fundamentals

Getting Started (45m)

1- Introduction (2:20)
2- Prerequisites (0:38)
3- How to Use This Course
4- What is React Native (1:34)
5- Expo (1:46)
6- Setting Up the Development Environment (2:57)
7- Your First App (5:21)
8- Running on an iOS Simulator (3:23)
9- Running on an Android Emulator (8:45)
10- Running on a Device (1:05)
11- Logging (1:21)
12- Debugging in Chrome (5:11)
13- Debugging in VSCode (7:11)
14- Publishing (4:07)
15- Fixing the Auto Import Issue (1:42)
16- Source Code
17- Follow Me Around
18- Learning Paths

Fundamental Concepts (30m)

1- Core Components and APIs (1:51)
2- View (2:47)
3- Text (2:42)
4- Image (5:34)
5- Touchables (4:56)
6- Button (1:39)
7- Alert (3:53)
8- StyleSheet (4:54)
9- Platform-specific Code (2:33)

Layout (47m)

1- Introduction (0:37)
2- Dimensions (3:38)
3- Detecting Orientation Changes (5:17)
4- Flexbox (3:17)
5- Flexbox- Direction (1:51)
6- Flexbox- justifyContent, alignItems and alignSelf (4:33)
7- Flexbox- flexWrap and alignContent (2:59)
8- Flexbox- flexBasis, flexGrow and flexShrink (2:45)
9- Absolute and Relative Positioning (2:52)
10- Exercises (0:59)
11- Building the Welcome Screen (10:57)
12- Building the View Image Screen (4:55)
13- Refactoring (2:50)
14- A Quick Note

Styling (63m)

1- Introduction (0:36)
2- Borders (2:21)
3- Shadows (2:08)
4- Paddings and Margins (2:31)
5- Styling Text (4:24)
6- Encapsulating Styles (4:39)
7- Icons (2:36)
8- Platform-specific Code (4:45)
9- Organizing Styles (3:50)
10- Exercises
11- Building the Button Component (5:48)
12- Improving the Welcome Screen (5:53)
13- Building the Card Component (9:48)
14- Building the Listing Details Screen (4:51)
15- Building the ListItem Component (7:22)
16- Improving the View Image Screen (2:14)
17- UI Libraries

Lists (65m)

1- Introduction (0:25)
2- FlatList (4:24)
3- Extracting the Screen Component (6:58)
4- Separators (5:01)
5- Handling Selections (3:24)
6- Handling Swipes (6:52)
7- Deleting an Item (6:31)
8- Implementing Pull to Refresh (3:10)
9- Exercises
10- Planning the Account Screen (1:53)
11- Building the Icon Component (4:57)
12- Extending the ListItem Component (4:43)
13- Building the Account Screen (10:58)
14- Building the Listings Screen (5:55)

Input Components (34m)

1- Introduction (0:32)
2- TextInput (5:02)
3- Building a Pretty TextInput (7:11)
4- Extracting the Default Styles (3:39)
5- Switch (1:42)
6- Picker (2:12)
7- Building a Custom Picker (3:54)
8- Modal (4:32)
9- Showing Picker Items (4:53)
10- Handling Selections (2:48)
11- A Quick Note

Forms (52m)

1- Introduction (0:37)
2- Building the Login Form (7:58)
3- Building Better Forms with Formik (5:49)
4- Form Validation with Yup (4:58)
5- Building the ErrorMessage Component (2:57)
6- The Touched State (3:17)
7- Building the Field Component (6:41)
8- Building the SubmitButton Component (2:14)
9- Building the Form Component (3:03)
10- Organizing Components (6:11)
11- Exercises
12- Building the Listing Edit Screen (5:22)
13- Fixing the Placeholder Color (2:47)

Additional Improvements (30m)

1- Introduction (0:38)
2- Adding Chevrons (2:27)
3- Handling Long Text (1:57)
4- Improving the Messages Screen (2:23)
5- Fixing the Auto Import Issue (1:33)
6- Input Components with Dynamic Width (3:00)
7- Flexible Architecture (3:48)
8- Building the CategoryPickerItem Component (8:14)
9- Revisiting Components' Names (2:29)
10- Custom Snippets (4:25)
11- Course Wrap Up (2:10)
12- The Ultimate React Native: Part 2

5- Expo

Complete and Continue