Complete React Native and Hooks Course

Get ready for your exam by enrolling in our comprehensive training course. This course includes a full set of instructional videos designed to equip you with in-depth knowledge essential for passing the certification exam with flying colors.

$14.99 / $24.99

Getting Started

1. How to Get Help
1m
2. Course Overview
3m
3. App Setup
9m
4. Making Changes
4m

Working with Content

1. Overview of React Components
9m
2. Showing a Custom Component
4m
3. Common Questions and Answers
7m
4. Rules of JSX
6m
5. One Common Error
2m
6. JSX Exercise Overview
2m
7. JSX Solution
3m

List Building - With Style!

1. Building Lists
2m
2. The FlatList Element
2m
3. Rendering a FlatList
5m
4. Why a Key Property?
4m
5. Solving the Key Issue
5m
6. A Few Props Around FlatList
5m
7. Exercise Overview
1m
8. Exercise Solution
2m

Navigating Users Between Screens

1. Button Types
4m
2. Buttons in Action
5m
3. Touchable Opacity in Action
4m
4. Navigating with React Navigation
7m
5. Destructuring Props
4m

Building Reusable Components

1. Component Reuse with Props
4m
2. Exercise Solution
2m
3. Parent-Child Relationships
5m
4. Communicating from Parent to Child
6m
5. Showing Images
4m
6. Passing Images as Props
4m
7. Exercise Outline
1m

State Management in React Components

1. State in Components
6m
2. Screen Boilerplate
3m
3. State in Action
10m
4. Notes on State
7m
5. App Overview
5m
6. Generating Random Colors
4m
7. Adding Random Colors
5m
8. Showing Colors with a FlatList
4m
10. Reusable Color Adjusters
6m
11. Coordinating State
6m
12. Passing Callbacks to Children
6m
13. Tying State Values Together
7m
14. Validating State Changes
8m
15. Reusable State Updates
8m
16. Introduction to Reducers
9m
17. Creating a Reducer
15m
18. Applying State with a Reducer
9m
19. Restoring Validation
7m
20. Community Convention in Reducers
7m
21. Exercise Outline
1m
22. Exercise Solution
11m
23. Handling Text Input
3m
24. Showing a Text Input
3m
25. Two Important Props
4m
26. Weird Things with Text and State
6m
27. Updating State
5m

How to Handle Screen Layout

1. Layout with React Native
4m
2. Basics of Box Object Model
6m
3. AlignItems with Flex
5m
4. Flex Direction
4m
5. Justify Content
3m
6. Flex Values
5m
7. Align Self on Children
2m
8. The Position Property
3m
9. Top, Bottom, Left, Right
3m
10. Absolute Fill Objects
3m
11. Applying Layout Systems
2m
12. Exercise Overview
1m
13. Exercise Solution
6m

Putting It All Together - Restaurant Search App

1. App Overview
2m
2. Project Generation
3m
3. Yelp Signup
5m
4. Yelp Walkthrough
4m
5. React Navigation
3m
6. Assembling a Navigator
7m
7. Architecture Approach
3m
8. Starting the SearchBar
4m
9. Displaying Icons
6m
10. Search Bar Styling
4m
11. A Touch More Styling
4m
12. Managing State
7m
13. Detecting Editing Completion
4m

Using Outside API's

1. Configuring Axios
7m
2. Making the Request
11m
3. Error Handling
8m
4. Running an Initial Search
6m

Making Hooks Reusable

1. The UseEffect Hook
4m
2. Extracting Hook Logic
8m
3. Showing Search Results
6m
4. Grouping Results
7m
5. FlatList Rendering
4m

Navigation with Parameters

1. Showing a Single Result
4m
2. Showing Additional Info
6m
3. A Few More Styling Issues
7m
4. Hiding Scroll Bars
3m
5. Constraining View Elements
3m
6. Empty Elements
3m
7. Spacing on the Search Bar
2m
8. Reminder on Navigation
5m
9. Navigating from a Child Component
3m
10. The WithNavigation Helper
3m
11. Communicating Between Screens
4m
12. Fetching a Single Restaurant
6m
13. Showing a List of Images
4m
14. One Last Fix
2m

Advanced State Management with Context

1. App Overview
3m
2. Issues with Data
6m
3. Initial Setup
5m
4. Wrapping the Navigator
3m
5. Introduction to Context
2m
6. Adding Context
6m
7. Moving Data with Context
6m
8. Rendering a List of Posts
4m
9. Adding State in Context
8m
10. It Works!
4m
11. Opportunity for Improvement
2m
12. Updating with UseReducer
10m
13. Automating Context Creation
12m
14. More Automatic Context Creation
9m
15. A Bit of Styling
7m
16. Deleting Posts
4m
17. Updating the Reducer
6m
18. Navigation on Tap
5m
19. Retrieving Single Posts
5m
20. Adding a Creation Screen
2m
21. Header Navigation
5m
22. Displaying a Form
7m
23. Saving a New Post
5m
24. Navigation on Save
6m
25. The Edit Icon Link
5m
26. Communicating Info to Edit
6m
27. Initializing State from Context
6m
28. Extracting Form Logic
9m
29. Customizing OnSubmit
4m
30. Initial Form Values
5m
31. Default Props
2m
32. Editing Action Function
5m
33. Editing in a Reducer
4m
34. Navigating Backwards
4m

Data API Sync

1. Outside Data API
2m
2. Issues with Servers + React Native
3m
3. JSON Server and Ngrok Setup
7m
4. JSON Server REST Conventions
4m
5. Making a Request
10m
6. Remote Fetch of Posts
6m
7. Creating Posts with Post Requests
4m
8. Refetching on Navigate
6m
9. Deleting a Post
3m
10. Editing Posts
2m
11. App Wrapup
3m

Building a Custom Express API

1. App Overview
5m
2. Dependencies Setup
2m
3. The Basics of Express
4m
4. MongoDB Setup
4m
5. Connecting to MongoDB
7m
6. Nodemon for Automatic Restarts
1m
7. Understanding the Signup Process
6m
8. Using Postman
3m
9. Handling JSON Data
5m
10. Defining a User Schema
7m
11. Creating and Saving a User
5m
12. Error Handling
6m
13. JSON Web Tokens
7m
14. Creating a JWT
3m
15. Wiring Up JSON Web Tokens
13m
16. Understanding Password Hashing
8m
17. Salting and Hashing
9m
18. The Signin Route
7m
19. Testing Signup and Signin
3m
20. Defining Tracks
7m
21. Listing Tracks
8m
22. Creating Tracks
10m

In-App Authentication

1. Server Setup
8m
2. Navigation Design
11m
3. A LOT of Boilerplate
7m
4. Navigator Hookup
8m
5. Testing the Navigation Flow
6m
6. React Native Elements
5m
7. Helper Styling Components
9m
8. Styling Odds and Ends
7m
9. Input Props
5m
10. The Auth Context
11m
11. What's the Context Doing?
8m
12. Axios Setup
6m
13. Making an API Request
10m
14. Handling Errored Requests
8m
15. Async Storage
4m
16. Storing the Token
7m
17. Navigation From Outside of React
13m
18. Oops, Typo
1m
19. Navigation to Signin
4m
20. Extracting Form Logic
10m
21. Last Bit of Extractin
5m
22. Creating a NavLink
7m
23. Real Component Reuse!
5m
24. Wiring Up Signin
8m
25. Clearing Error Messages
11m
26. Automatic Signin
6m
27. Empty Screens While Resolving Auth
7m
28. Signing Out a User
7m
29. Safe Area Views
2m
30. Working on Track Create
5m
31. Showing a Map
5m
32. Drawing a Series of Points
5m
33. Notes on Location
4m
34. Requesting Location Permissions
7m
35. Resetting Permissions
4m
36. How to Test Location?
4m
37. Faking the Users Location
6m
38. Reading a Location
4m
39. Bugginess with Location
3m
40. Location Architecture
4m
41. Location Context
4m
42. Live Location Updates
14m
43. Drawing a Position Indicator
4m
44. Extracting Logic to a Hook
8m
45. Disabling Location Tracking
4m
46. Automatic Disables
8m
47. Building a Track Form
4m
48. Updates to Location Context
9m
49. Track Form Wire Up
6m
50. Buggy UseEffects
9m
51. Understanding Stale References
13m
52. Kind of Fixed
7m
53. The UseCallback Hook
7m
54. Cleaning Up After Ourselves
6m
55. Avoiding Stale References
7m
56. Tracking While Recording
2m
57. Bring Back the Polyline
4m
58. What Manages Tracks
8m
59. Coordination Between Contexts
8m
60. Automatic Authentication
10m
61. Form Reset and Navigation
7m
62. Fetching Created Tracks
2m
63. Listing All Tracks
7m
64. Navigating to a Saved Track
5m
65. Showing Track Details
5m
66. Fixing Odds and Ends
9m

[LEGACY] Dive Right In!

1. Introduction - Course Roadmap
2m
2. Roadmap to the First App
2m

[LEGACY] Got OSX? Go Here.

1. OSX Installation
6m
2. More on OSX Installation
5m
3. Running in the Simulator
2m

[LEGACY] Got Windows? Go Here.

1. Windows Setup of React Native
7m
2. Android Studio and React Native CLI Installation
5m
3. Emulator Creation and System Variables
15m

[LEGACY] [Optional] ESLint Setup

1. ESLint Setup and Overview
9m
2. ESLint Setup with Atom
6m
3. ESLint Setup with Sublime Text 3
8m
4. ESLint Setup with VSCode
4m

[LEGACY] Onwards!

1. Project Directory Walkthrough
2m
2. Getting Content on the Screen
3m
3. React vs React Native
3m
4. Creating a Component with JSX
6m
5. Registering a Component
4m
6. Destructuring Imports
5m
7. Application Outline
5m
8. The Header Component
8m
9. Consuming File Exports
7m

[LEGACY] Making Great Looking Apps

1. Styling with React Native
5m
2. More on Styling Components
5m
3. Introduction to Flexbox
5m
4. Header Styling
4m
5. Making the Header Reusable
7m

[LEGACY] HTTP Requests with React Native

1. Class Based Components
7m
2. Lifecycle Methods
7m
3. Network Requests
8m
4. Component Level State
9m
5. More on Component Level State
7m
6. Rendering a List of Components
6m
7. Displaying Individual Albums
10m
8. Fantastic Reusable Components - The Card
5m
9. Styling a Card
6m
10. Passing Components as Props
4m
11. Dividing Cards into Sections
8m

[LEGACY] Handling Component Layout

1. Mastering Layout with Flexbox
5m
2. Positioning of Elements on Mobile
5m
3. More on Styling
4m
4. Images with React Native
8m
5. Displaying Album Artwork
9m
6. Making Content Scrollable
5m
7. Handling User Input with Buttons
8m
8. Styling of Buttons with UX Considerations
5m
9. Responding to User Input
7m
10. Linking Between Mobile Apps
4m
11. Setting Button Text by Props
2m
12. App Wrapup
3m

[LEGACY] Authentication with Firebase

1. Auth App Introduction
5m
2. A Common Root Component
4m
3. Copying Reusable Components
11m
4. What is Firebase?
5m
5. Firebase Client Setup
5m
6. Login Form Scaffolding
6m
7. Handling User Inputs
3m
8. More on Handling User Inputs
3m
9. How to Create Controlled Components
5m
10. Making Text Inputs From Scratch
4m
11. A Focus on Passing Props
5m
12. Making the Input Pretty
6m
13. Wrapping up Inputs
7m
14. Password Inputs
9m

[LEGACY] Processing Authentication Credentials

1. Logging a User In
6m
2. Error Handling
7m
3. More on Authentication Flow
8m
4. Creating an Activity Spinner
5m
5. Conditional Rendering of JSX
7m
6. Clearing the Form Spinner
8m
7. Handling Authentication Events
6m
8. More on Conditional Rendering
7m
9. Logging a User Out and Wrapup
6m

[LEGACY] Digging Deeper with Redux

1. App Mockup and Approach
4m
2. The Basics of Redux
9m
3. More on Redux
8m
4. Redux is Hard!
12m
5. Application Boilerplate
3m
6. More on Redux Boilerplate
8m

[LEGACY] Back to React

1. Rendering the Header
6m
2. Reducer and State Design
7m
3. Library List of Data
8m
4. The Connect Function
10m
5. MapStateToProps with Connect
8m
6. A Quick Review and Breather
6m

[LEGACY] Rendering Lists the Right Way

1. The Theory of ListView
7m
2. ListView in Practice
4m
3. Rendering a Single Row
2m
4. Styling the List
7m
5. Creating the Selection Reducer
5m
6. Introducing Action Creators
6m
7. Calling Action Creators
9m
8. Adding a Touchable
7m
9. Rules of Reducers
5m
10. Expanding a Row
5m
11. Moving Logic Out of Components
6m
12. Animations
7m
13. Wrapup
5m

[LEGACY] Not Done Yet...

1. Overview of Our Next App
5m
2. App Challenges
5m
3. Just a Touch More Setup
6m
4. More on Boilerplate Setup
7m

[LEGACY] Handling Data in React vs Redux

1. Login Form in a Redux World
7m
2. Rebuilding the Login Form
6m
3. Handling Form Updates with Action Creators
9m
4. Wiring up Action Creators
8m
5. Typed Actions
9m

[LEGACY] Don't Mutate that State

1. Synchronous vs Asynchronous Action Creators
8m
2. Introduction to Redux Thunk
6m
3. Redux Thunk in Practice
6m
4. Redux Thunk in Practice Continued
8m
5. Making LoginUser More Robust
3m
6. Creating User Accounts
7m
7. Showing Error Messages
7m
8. A Firebase Gotcha
7m
9. Showing a Spinner on Loading
12m

[LEGACY] Navigating Users Around

1. Dealing with Navigation
8m
2. Navigation in the Router
5m
3. Addressing Styling Issues
5m
4. Displaying Multiple Scenes
6m
5. Navigating Between Routes
4m
6. Grouping Scenes with Buckets
7m
7. Navigation Bar Buttons
3m
8. Navigating to the Employee Creation Form
6m
9. Building the Employee Creation Form
5m
10. Employee Form Actions
7m
11. Handling Form Updates at the Reducer Level
6m
12. Dynamic Property Updates
9m
13. The Picker Component
8m
14. Pickers and Style Overrides
7m

[LEGACY] Firebase as a Data Store

1. Firebase JSON Schema
7m
2. Data Security in Firebase
6m
3. Creating Records with Firebase
6m
4. Default Form Values
6m
5. Successful Data Save to Firebase
8m
6. Resetting Form Properties
10m
7. Fetching Data from Firebase
8m
8. Storing Data by ID
9m
9. Dynamic DataSource Building
8m
10. Transforming Objects to Arrays
7m
11. List Building in Employee List
6m

[LEGACY] Code Reuse - Edit vs Create

1. Reusing the Employee Form
7m
2. Create vs Edit Forms
7m
3. Reusable Forms
9m
4. A Standalone Employee Edit Form
3m
5. Initializing Forms from State
9m
6. Updating Firebase Records
7m
7. Clearing Form Attributes
5m
8. Texting Employees
5m
9. Modals as a Reusable Component
7m
10. The Modal Component Continued
8m
11. Styling the Modal
9m
12. Employee Delete Action Creator
9m
13. Wiring up Employee Delete
4m