Complete React Native and Hooks Course

Complete React Native and Hooks Course

BEST SELLER 392 Lectures 37h 52m

Prepare for your examination with our training course. The course contains a complete batch of videos that will provide you with profound and thorough knowledge related to certification exam. Pass the test with flying colors.

$6.99 $14.99

Curriculum For This Course

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

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

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

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

  • 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

  • 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

  • 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

  • 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

  • 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

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

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

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

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

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

  • 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

  • 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

  • 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

  • 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

  • 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