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.

$13.99 $24.99

Curriculum For This Course

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

7 lectures 33m
  • 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

8 lectures 26m
  • 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

5 lectures 24m
  • 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

7 lectures 26m
  • 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

26 lectures 2h 45m
  • 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

13 lectures 47m
  • 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

13 lectures 56m
  • 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

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

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

14 lectures 55m
  • 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

34 lectures 3h 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

11 lectures 50m
  • 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

22 lectures 2h 10m
  • 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

66 lectures 7h 14m
  • 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

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

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

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

4 lectures 27m
  • 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

9 lectures 43m
  • 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

5 lectures 26m
  • 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

11 lectures 1h 17m
  • 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

12 lectures 1h 5m
  • 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

14 lectures 1h 18m
  • 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

9 lectures 1h
  • 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

6 lectures 44m
  • 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

6 lectures 45m
  • 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

13 lectures 1h 15m
  • 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

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

5 lectures 39m
  • 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

9 lectures 1h 4m
  • 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

14 lectures 1h 26m
  • 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

11 lectures 1h 21m
  • 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

13 lectures 1h 29m
  • 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
Hot Exams

Free Test Engine Player

How to open .dumpsarena Files

Use FREE DumpsArena Test Engine player to open .dumpsarena files

Our test engine player will always be free.

DumpsArena Test Engine

Windows
Satisfaction Guaranteed

98.4% DumpsArena users pass

Our team is dedicated to delivering top-quality exam practice questions. We proudly offer a hassle-free satisfaction guarantee.

Why choose DumpsArena?

23,812+

Satisfied Customers Since 2018

  • Always Up-to-Date
  • Accurate and Verified
  • Free Regular Updates
  • 24/7 Customer Support
  • Instant Access to Downloads
Secure Experience

Guaranteed safe checkout.

At DumpsArena, your shopping security is our priority. We utilize high-security SSL encryption, ensuring that every purchase is 100% secure.

SECURED CHECKOUT
Need Help?

Feel free to contact us anytime!

Contact Support