What Will You Learn?
- React Native - Mobile App Development
Course Content
01 – Getting Started
-
001 Course Overview
03:20 -
002 Course Resources
-
005 Installing Node.js and Prerequisite Info
-
006 Boilerplate Download and Startup
-
007 App Setup
07:03 -
008 Making Changes
04:10 -
009 Expo for Web Browser – Do Not Skip
-
010 Using iOS and Android Simulators
02 – Working with Content
-
001 Overview of React Components
08:50 -
002 Showing a Custom Component
04:09 -
003 Common Questions and Answers
07:10 -
004 Rules of JSX
05:51 -
005 One Common Error
01:46 -
006 JSX Exercise Overview
01:47 -
007 JSX Solution
02:41
03 – List Building – With Style!
-
001 Building Lists
02:25 -
002 The FlatList Element
02:25 -
003 Rendering a FlatList
05:13 -
004 Why a Key Property
04:12 -
005 Solving the Key Issue
05:19 -
006 A Few Props Around FlatList
04:58 -
007 Exercise Overview
00:53 -
008 Exercise Solution
02:15
04 – Navigating Users Between Screens
-
001 Button Types
03:45 -
002 Buttons in Action
05:22 -
003 Touchable Opacity in Action
04:20 -
004 Navigating with React Navigation
06:48 -
005 Destructuring Props
04:04
05 – Building Reusable Components
-
001 Component Reuse with Props
03:36 -
002 Exercise Solution
01:50 -
003 Parent-Child Relationships
05:08 -
004 Communicating from Parent to Child
05:46 -
005 Images Download
-
006 Showing Images
04:08 -
007 Passing Images as Props
04:15 -
008 Exercise Outline
00:48 -
009 Exercise Solution
02:27
06 – State Management in React Components
-
001 State in Components
05:36 -
002 Screen Boilerplate
03:15 -
003 State in Action
09:48 -
004 Notes on State
07:01 -
005 App Overview
05:07 -
006 Generating Random Colors
04:28 -
007 Adding Random Colors
04:49 -
008 Showing Colors with a FlatList
03:34 -
009 App Overview
04:44 -
010 Reusable Color Adjusters
06:16 -
011 Coordinating State
05:33 -
012 Passing Callbacks to Children
06:23 -
013 Tying State Values Together
07:18 -
014 Validating State Changes
07:58 -
015 Reusable State Updates
07:36 -
016 Introduction to Reducers
08:41 -
017 Creating a Reducer
15:04 -
018 Applying State with a Reducer
08:57 -
019 Restoring Validation
07:02 -
020 Community Convention in Reducers
06:51 -
021 Exercise Outline
01:17 -
022 Exercise Solution
10:58 -
023 Handling Text Input
03:23 -
024 Showing a Text Input
03:29 -
025 Two Important Props
04:17 -
026 Weird Things with Text and State
06:12 -
027 Updating State
04:53 -
028 Exercise Outline
02:29 -
029 Exercise Solution
02:35
07 – How to Handle Screen Layout
-
001 Layout with React Native
03:50 -
002 Basics of Box Object Model
05:57 -
003 AlignItems with Flex
04:35 -
004 Flex Direction
03:49 -
005 Justify Content
02:57 -
006 Flex Values
05:10 -
007 Align Self on Children
02:25 -
008 The Position Property
02:34 -
009 Top, Bottom, Left, Right
03:02 -
010 Absolute Fill Objects
02:47 -
011 Applying Layout Systems
01:53 -
012 Exercise Overview
01:14 -
013 Exercise Solution
06:19
08 – Putting It All Together – Restaurant Search App
-
001 App Overview
01:36 -
002 Important Note About Project Generation
-
003 Project Generation
02:41 -
004 Yelp API Workarounds
-
005 Yelp Signup
04:42 -
006 Yelp Walkthrough
04:18 -
007 React Navigation
03:07 -
008 Required React Navigation Installation Update
-
009 Assembling a Navigator
06:59 -
010 Architecture Approach
02:48 -
011 Starting the SearchBar
04:13 -
012 Displaying Icons
05:50 -
013 Search Bar Styling
04:09 -
014 A Touch More Styling
03:53 -
015 Managing State
06:43 -
016 Detecting Editing Completion
04:06
09 – Using Outside API’s
-
001 Configuring Axios
07:01 -
002 Making the Request
10:40 -
003 Error Handling
07:32 -
004 Running an Initial Search
06:19
10 – Making Hooks Reusable
-
001 The useEffect Hook
04:14 -
002 Extracting Hook Logic
07:36 -
003 Showing Search Results
05:58 -
004 Grouping Results
07:12 -
005 FlatList Rendering
03:59
11 – Navigation with Parameters
-
001 Showing a Single Result
04:28 -
002 Showing Additional Info
05:44 -
003 A Few More Styling Issues
07:02 -
004 Hiding Scroll Bars
02:39 -
005 Constraining View Elements
02:58 -
006 Empty Elements
02:39 -
007 Spacing on the Search Bar
01:41 -
008 Reminder on Navigation
04:49 -
009 Navigating from a Child Component
03:19 -
010 The WithNavigation Helper
03:25 -
011 Communicating Between Screens
03:46 -
012 Fetching a Single Restaurant
05:56 -
013 Showing a List of Images
04:13 -
014 One Last Fix
02:22 -
015 Upgrading the Restaurant app to use React Navigation v6
12 – Advanced State Management with Context
-
001 Important Note About Project Generation
-
002 App Overview
03:10 -
003 Issues with Data
05:47 -
004 Required React Navigation Installation Update
-
005 Initial Setup
05:20 -
006 Wrapping the Navigator
02:42 -
007 Introduction to Context
02:19 -
008 Adding Context
06:01 -
009 Moving Data with Context
06:06 -
010 Rendering a List of Posts
03:56 -
011 Adding State in Context
07:56 -
012 It Works!
04:06 -
013 Opportunity for Improvement
02:12 -
014 Updating with UseReducer
09:35 -
015 Automating Context Creation
12:15 -
016 More Automatic Context Creation
09:15 -
017 A Bit of Styling
07:20 -
018 Deleting Posts
03:48 -
019 Updating the Reducer
05:53 -
020 Navigation on Tap
05:02 -
021 Retrieving Single Posts
05:02 -
022 Adding a Creation Screen
02:16 -
024 Header Navigation
04:59 -
025 Displaying a Form
06:53 -
026 Saving a New Post
04:42 -
027 Navigation on Save
06:21 -
028 headerRight Deprecation in ‘navigationOptions’
-
029 The Edit Icon Link
04:51 -
030 Communicating Info to Edit
06:17 -
031 Initializing State from Context
05:39 -
032 Extracting Form Logic
09:08 -
033 Customizing OnSubmit
04:25 -
034 Initial Form Values
05:00 -
035 Default Props
02:30 -
036 Editing Action Function
05:00 -
037 Editing in a Reducer
03:39 -
038 Navigating Backwards
04:16 -
023 headerRight Deprecation in ‘navigationOptions’
13 – Data API Sync
-
001 Outside Data API
02:09 -
002 Issues with Servers + React Native
03:13 -
003 Important – Required Ngrok Setup Steps
-
004 JSON Server and Ngrok Setup
06:44 -
005 JSON Server REST Conventions
03:49 -
006 Making a Request
10:20 -
007 Remote Fetch of Posts
05:57 -
008 Creating Posts with Post Requests
03:55 -
009 Refetching on Navigate
06:01 -
010 Deleting a Post
02:34 -
011 Editing Posts
01:39 -
012 App Wrapup
03:22 -
013 Upgrading the Blog app to use React Navigation v6
14 – Building a Custom Express API
-
001 App Overview
04:31 -
002 Dependencies Setup
02:07 -
003 The Basics of Express
03:45 -
004 MongoDB Setup
03:38 -
005 Connecting to MongoDB
06:38 -
006 Nodemon for Automatic Restarts
01:19 -
007 Understanding the Signup Process
05:33 -
008 Using Postman
02:47 -
009 Handling JSON Data
05:26 -
010 Defining a User Schema
07:11 -
011 Creating and Saving a User
04:38 -
012 Error Handling
05:45 -
013 JSON Web Tokens
07:14 -
014 Creating a JWT
02:49 -
015 Wiring Up JSON Web Tokens
13:04 -
016 Understanding Password Hashing
08:19 -
017 Salting and Hashing
08:37 -
018 The Signin Route
06:44 -
019 Testing Signup and Signin
03:24 -
020 Defining Tracks
07:00 -
021 Listing Tracks
07:49 -
022 Creating Tracks
10:02
15 – In-App Authentication
-
001 Server Code
-
002 Server Setup
08:28 -
003 Important Note About Project Generation
-
004 Navigation Design
11:17 -
005 Required React Navigation Installation Update
-
006 A LOT of Boilerplate
07:26 -
007 Navigator Hookup
07:46 -
008 Testing the Navigation Flow
06:29 -
009 React Native Elements
05:21 -
010 Helper Styling Components
09:01 -
011 navigationOptions Deprecation Warning
-
012 Styling Odds and Ends
06:41 -
013 Input Props
04:40 -
014 The Auth Context
10:45 -
015 What’s the Context Doing
07:38 -
016 Axios Setup
05:33 -
017 Making an API Request
09:47 -
018 Handling Errored Requests
07:45 -
019 Async Storage
04:23 -
020 Async Storage Update
-
021 Storing the Token
06:33 -
022 Navigation From Outside of React
13:13 -
023 Oops, Typo
00:50 -
024 Navigation to Signin
03:38 -
025 Extracting Form Logic
09:48 -
026 Last Bit of Extracting
04:32 -
027 Creating a NavLink
06:57 -
028 navigationOptions Deprecation
-
029 Real Component Reuse!
05:10 -
030 Wiring Up Signin
08:04 -
031 onWillFocus vs onWillBlur Update
-
032 Clearing Error Messages
11:07 -
033 Automatic Signin
05:38 -
034 Empty Screens While Resolving Auth
07:23 -
035 Signing Out a User
07:03 -
036 Safe Area Views
02:11 -
037 Working on Track Create
05:04 -
038 Installing React Native Maps
-
039 Showing a Map
04:59 -
040 Drawing a Series of Points
04:38 -
041 Notes on Location
04:14 -
042 Fix for Missing Location Request Error
-
043 requestPermissionsAsync is now deprecated in Expo SDK 41+
-
044 Requesting Location Permissions
06:41 -
045 Resetting Permissions
04:24 -
046 How to Test Location
03:46 -
047 Faking the Users Location
06:10 -
048 Reading a Location
04:06 -
049 Bugginess with Location
03:20 -
050 Location Architecture
03:53 -
051 Location Context
04:21 -
052 Live Location Updates
13:51 -
053 Fix for Indicator not Tracking Map
-
054 Drawing a Position Indicator
04:10 -
055 Extracting Logic to a Hook
08:29 -
056 Disabling Location Tracking
04:19 -
057 Automatic Disables
08:32 -
058 Building a Track Form
03:50 -
059 Updates to Location Context
08:43 -
060 Track Form Wire Up
05:51 -
061 Buggy UseEffects
08:32 -
062 Understanding Stale References
12:45 -
064 Kind of Fixed
07:00 -
065 The UseCallback Hook
07:08 -
066 Cleaning Up After Ourselves
06:06 -
067 Avoiding Stale References
07:17 -
068 Tracking While Recording
02:19 -
069 Bring Back the Polyline
03:39 -
070 What Manages Tracks
07:55 -
071 Coordination Between Contexts
07:44 -
073 Automatic Authentication
10:29 -
074 Form Reset and Navigation
07:26 -
075 Fetching Created Tracks
02:07 -
076 ListItem Update
-
077 Listing All Tracks
07:26 -
078 Navigating to a Saved Track
05:10 -
079 Showing Track Details
05:23 -
080 Fixing Odds and Ends
08:49
16 – Important – OLD VERSION OF COURSE – Do Not Skip
18 – Extras
Student Ratings & Reviews
No Review Yet