McAfee-Secured Website

Course name Mobile Apps Courses Complete React Native and Hooks Course: Complete React Native and Hooks Course

Complete React Native and Hooks Course Video Course

Complete React Native and Hooks Course Video Course is developed by Mobile Apps Courses Professionals to help you pass the Complete React Native and Hooks Course exam.

You Will Learn:

Was 21.99 USD
Now 19.99 USD

Description

This course will improve your knowledge and skills required to pass Complete React Native and Hooks Course exam.

Curriculum For This Course

  • 1. Getting Started 4 Videos 00:17:00
    • How to Get Help 1:00
    • Course Overview 3:00
    • App Setup 9:00
    • Making Changes 4:00
  • 2. Working with Content 7 Videos 00:33:00
    • Overview of React Components 9:00
    • Showing a Custom Component 4:00
    • Common Questions and Answers 7:00
    • Rules of JSX 6:00
    • One Common Error 2:00
    • JSX Exercise Overview 2:00
    • JSX Solution 3:00
  • 3. List Building - With Style! 8 Videos 00:26:00
    • Building Lists 2:00
    • The FlatList Element 2:00
    • Rendering a FlatList 5:00
    • Why a Key Property? 4:00
    • Solving the Key Issue 5:00
    • A Few Props Around FlatList 5:00
    • Exercise Overview 1:00
    • Exercise Solution 2:00
  • 4. Navigating Users Between Screens 5 Videos 00:24:00
    • Button Types 4:00
    • Buttons in Action 5:00
    • Touchable Opacity in Action 4:00
    • Navigating with React Navigation 7:00
    • Destructuring Props 4:00
  • 5. Building Reusable Components 8 Videos 00:28:00
    • Component Reuse with Props 4:00
    • Exercise Solution 2:00
    • Parent-Child Relationships 5:00
    • Communicating from Parent to Child 6:00
    • Showing Images 4:00
    • Passing Images as Props 4:00
    • Exercise Outline 1:00
    • Exercise Solution 2:00
  • 6. State Management in React Components 29 Videos 02:55:00
    • State in Components 6:00
    • Screen Boilerplate 3:00
    • State in Action 10:00
    • Notes on State 7:00
    • App Overview 5:00
    • Generating Random Colors 4:00
    • Adding Random Colors 5:00
    • Showing Colors with a FlatList 4:00
    • App Overview 5:00
    • Reusable Color Adjusters 6:00
    • Coordinating State 6:00
    • Passing Callbacks to Children 6:00
    • Tying State Values Together 7:00
    • Validating State Changes 8:00
    • Reusable State Updates 8:00
    • Introduction to Reducers 9:00
    • Creating a Reducer 15:00
    • Applying State with a Reducer 9:00
    • Restoring Validation 7:00
    • Community Convention in Reducers 7:00
    • Exercise Outline 1:00
    • Exercise Solution 11:00
    • Handling Text Input 3:00
    • Showing a Text Input 3:00
    • Two Important Props 4:00
    • Weird Things with Text and State 6:00
    • Updating State 5:00
    • Exercise Outline 2:00
    • Exercise Solution 3:00
  • 7. How to Handle Screen Layout 13 Videos 00:47:00
    • Layout with React Native 4:00
    • Basics of Box Object Model 6:00
    • AlignItems with Flex 5:00
    • Flex Direction 4:00
    • Justify Content 3:00
    • Flex Values 5:00
    • Align Self on Children 2:00
    • The Position Property 3:00
    • Top, Bottom, Left, Right 3:00
    • Absolute Fill Objects 3:00
    • Applying Layout Systems 2:00
    • Exercise Overview 1:00
    • Exercise Solution 6:00
  • 8. Putting It All Together - Restaurant Search App 13 Videos 00:56:00
    • App Overview 2:00
    • Project Generation 3:00
    • Yelp Signup 5:00
    • Yelp Walkthrough 4:00
    • React Navigation 3:00
    • Assembling a Navigator 7:00
    • Architecture Approach 3:00
    • Starting the SearchBar 4:00
    • Displaying Icons 6:00
    • Search Bar Styling 4:00
    • A Touch More Styling 4:00
    • Managing State 7:00
    • Detecting Editing Completion 4:00
  • 9. Using Outside API's 4 Videos 00:32:00
    • Configuring Axios 7:00
    • Making the Request 11:00
    • Error Handling 8:00
    • Running an Initial Search 6:00
  • 10. Making Hooks Reusable 5 Videos 00:29:00
    • The UseEffect Hook 4:00
    • Extracting Hook Logic 8:00
    • Showing Search Results 6:00
    • Grouping Results 7:00
    • FlatList Rendering 4:00
  • 11. Navigation with Parameters 14 Videos 00:55:00
    • Showing a Single Result 4:00
    • Showing Additional Info 6:00
    • A Few More Styling Issues 7:00
    • Hiding Scroll Bars 3:00
    • Constraining View Elements 3:00
    • Empty Elements 3:00
    • Spacing on the Search Bar 2:00
    • Reminder on Navigation 5:00
    • Navigating from a Child Component 3:00
    • The WithNavigation Helper 3:00
    • Communicating Between Screens 4:00
    • Fetching a Single Restaurant 6:00
    • Showing a List of Images 4:00
    • One Last Fix 2:00
  • 12. Advanced State Management with Context 34 Videos 03:02:00
    • App Overview 3:00
    • Issues with Data 6:00
    • Initial Setup 5:00
    • Wrapping the Navigator 3:00
    • Introduction to Context 2:00
    • Adding Context 6:00
    • Moving Data with Context 6:00
    • Rendering a List of Posts 4:00
    • Adding State in Context 8:00
    • It Works! 4:00
    • Opportunity for Improvement 2:00
    • Updating with UseReducer 10:00
    • Automating Context Creation 12:00
    • More Automatic Context Creation 9:00
    • A Bit of Styling 7:00
    • Deleting Posts 4:00
    • Updating the Reducer 6:00
    • Navigation on Tap 5:00
    • Retrieving Single Posts 5:00
    • Adding a Creation Screen 2:00
    • Header Navigation 5:00
    • Displaying a Form 7:00
    • Saving a New Post 5:00
    • Navigation on Save 6:00
    • The Edit Icon Link 5:00
    • Communicating Info to Edit 6:00
    • Initializing State from Context 6:00
    • Extracting Form Logic 9:00
    • Customizing OnSubmit 4:00
    • Initial Form Values 5:00
    • Default Props 2:00
    • Editing Action Function 5:00
    • Editing in a Reducer 4:00
    • Navigating Backwards 4:00
  • 13. Data API Sync 11 Videos 00:50:00
    • Outside Data API 2:00
    • Issues with Servers + React Native 3:00
    • JSON Server and Ngrok Setup 7:00
    • JSON Server REST Conventions 4:00
    • Making a Request 10:00
    • Remote Fetch of Posts 6:00
    • Creating Posts with Post Requests 4:00
    • Refetching on Navigate 6:00
    • Deleting a Post 3:00
    • Editing Posts 2:00
    • App Wrapup 3:00
  • 14. Building a Custom Express API 22 Videos 02:10:00
    • App Overview 5:00
    • Dependencies Setup 2:00
    • The Basics of Express 4:00
    • MongoDB Setup 4:00
    • Connecting to MongoDB 7:00
    • Nodemon for Automatic Restarts 1:00
    • Understanding the Signup Process 6:00
    • Using Postman 3:00
    • Handling JSON Data 5:00
    • Defining a User Schema 7:00
    • Creating and Saving a User 5:00
    • Error Handling 6:00
    • JSON Web Tokens 7:00
    • Creating a JWT 3:00
    • Wiring Up JSON Web Tokens 13:00
    • Understanding Password Hashing 8:00
    • Salting and Hashing 9:00
    • The Signin Route 7:00
    • Testing Signup and Signin 3:00
    • Defining Tracks 7:00
    • Listing Tracks 8:00
    • Creating Tracks 10:00
  • 15. In-App Authentication 66 Videos 07:14:00
    • Server Setup 8:00
    • Navigation Design 11:00
    • A LOT of Boilerplate 7:00
    • Navigator Hookup 8:00
    • Testing the Navigation Flow 6:00
    • React Native Elements 5:00
    • Helper Styling Components 9:00
    • Styling Odds and Ends 7:00
    • Input Props 5:00
    • The Auth Context 11:00
    • What's the Context Doing? 8:00
    • Axios Setup 6:00
    • Making an API Request 10:00
    • Handling Errored Requests 8:00
    • Async Storage 4:00
    • Storing the Token 7:00
    • Navigation From Outside of React 13:00
    • Oops, Typo 1:00
    • Navigation to Signin 4:00
    • Extracting Form Logic 10:00
    • Last Bit of Extractin 5:00
    • Creating a NavLink 7:00
    • Real Component Reuse! 5:00
    • Wiring Up Signin 8:00
    • Clearing Error Messages 11:00
    • Automatic Signin 6:00
    • Empty Screens While Resolving Auth 7:00
    • Signing Out a User 7:00
    • Safe Area Views 2:00
    • Working on Track Create 5:00
    • Showing a Map 5:00
    • Drawing a Series of Points 5:00
    • Notes on Location 4:00
    • Requesting Location Permissions 7:00
    • Resetting Permissions 4:00
    • How to Test Location? 4:00
    • Faking the Users Location 6:00
    • Reading a Location 4:00
    • Bugginess with Location 3:00
    • Location Architecture 4:00
    • Location Context 4:00
    • Live Location Updates 14:00
    • Drawing a Position Indicator 4:00
    • Extracting Logic to a Hook 8:00
    • Disabling Location Tracking 4:00
    • Automatic Disables 8:00
    • Building a Track Form 4:00
    • Updates to Location Context 9:00
    • Track Form Wire Up 6:00
    • Buggy UseEffects 9:00
    • Understanding Stale References 13:00
    • Kind of Fixed 7:00
    • The UseCallback Hook 7:00
    • Cleaning Up After Ourselves 6:00
    • Avoiding Stale References 7:00
    • Tracking While Recording 2:00
    • Bring Back the Polyline 4:00
    • What Manages Tracks 8:00
    • Coordination Between Contexts 8:00
    • Automatic Authentication 10:00
    • Form Reset and Navigation 7:00
    • Fetching Created Tracks 2:00
    • Listing All Tracks 7:00
    • Navigating to a Saved Track 5:00
    • Showing Track Details 5:00
    • Fixing Odds and Ends 9:00
  • 16. [LEGACY] Dive Right In! 2 Videos 00:04:00
    • Introduction - Course Roadmap 2:00
    • Roadmap to the First App 2:00
  • 17. [LEGACY] Got OSX? Go Here. 3 Videos 00:13:00
    • OSX Installation 6:00
    • More on OSX Installation 5:00
    • Running in the Simulator 2:00
  • 18. [LEGACY] Got Windows? Go Here. 3 Videos 00:27:00
    • Windows Setup of React Native 7:00
    • Android Studio and React Native CLI Installation 5:00
    • Emulator Creation and System Variables 15:00
  • 19. [LEGACY] [Optional] ESLint Setup 4 Videos 00:27:00
    • ESLint Setup and Overview 9:00
    • ESLint Setup with Atom 6:00
    • ESLint Setup with Sublime Text 3 8:00
    • ESLint Setup with VSCode 4:00
  • 20. [LEGACY] Onwards! 9 Videos 00:43:00
    • Project Directory Walkthrough 2:00
    • Getting Content on the Screen 3:00
    • React vs React Native 3:00
    • Creating a Component with JSX 6:00
    • Registering a Component 4:00
    • Destructuring Imports 5:00
    • Application Outline 5:00
    • The Header Component 8:00
    • Consuming File Exports 7:00
  • 21. [LEGACY] Making Great Looking Apps 5 Videos 00:26:00
    • Styling with React Native 5:00
    • More on Styling Components 5:00
    • Introduction to Flexbox 5:00
    • Header Styling 4:00
    • Making the Header Reusable 7:00
  • 22. [LEGACY] HTTP Requests with React Native 11 Videos 01:17:00
    • Class Based Components 7:00
    • Lifecycle Methods 7:00
    • Network Requests 8:00
    • Component Level State 9:00
    • More on Component Level State 7:00
    • Rendering a List of Components 6:00
    • Displaying Individual Albums 10:00
    • Fantastic Reusable Components - The Card 5:00
    • Styling a Card 6:00
    • Passing Components as Props 4:00
    • Dividing Cards into Sections 8:00
  • 23. [LEGACY] Handling Component Layout 12 Videos 01:05:00
    • Mastering Layout with Flexbox 5:00
    • Positioning of Elements on Mobile 5:00
    • More on Styling 4:00
    • Images with React Native 8:00
    • Displaying Album Artwork 9:00
    • Making Content Scrollable 5:00
    • Handling User Input with Buttons 8:00
    • Styling of Buttons with UX Considerations 5:00
    • Responding to User Input 7:00
    • Linking Between Mobile Apps 4:00
    • Setting Button Text by Props 2:00
    • App Wrapup 3:00
  • 24. [LEGACY] Authentication with Firebase 14 Videos 01:18:00
    • Auth App Introduction 5:00
    • A Common Root Component 4:00
    • Copying Reusable Components 11:00
    • What is Firebase? 5:00
    • Firebase Client Setup 5:00
    • Login Form Scaffolding 6:00
    • Handling User Inputs 3:00
    • More on Handling User Inputs 3:00
    • How to Create Controlled Components 5:00
    • Making Text Inputs From Scratch 4:00
    • A Focus on Passing Props 5:00
    • Making the Input Pretty 6:00
    • Wrapping up Inputs 7:00
    • Password Inputs 9:00
  • 25. [LEGACY] Processing Authentication Credentials 9 Videos 01:00:00
    • Logging a User In 6:00
    • Error Handling 7:00
    • More on Authentication Flow 8:00
    • Creating an Activity Spinner 5:00
    • Conditional Rendering of JSX 7:00
    • Clearing the Form Spinner 8:00
    • Handling Authentication Events 6:00
    • More on Conditional Rendering 7:00
    • Logging a User Out and Wrapup 6:00
  • 26. [LEGACY] Digging Deeper with Redux 6 Videos 00:44:00
    • App Mockup and Approach 4:00
    • The Basics of Redux 9:00
    • More on Redux 8:00
    • Redux is Hard! 12:00
    • Application Boilerplate 3:00
    • More on Redux Boilerplate 8:00
  • 27. [LEGACY] Back to React 6 Videos 00:45:00
    • Rendering the Header 6:00
    • Reducer and State Design 7:00
    • Library List of Data 8:00
    • The Connect Function 10:00
    • MapStateToProps with Connect 8:00
    • A Quick Review and Breather 6:00
  • 28. [LEGACY] Rendering Lists the Right Way 13 Videos 01:15:00
    • The Theory of ListView 7:00
    • ListView in Practice 4:00
    • Rendering a Single Row 2:00
    • Styling the List 7:00
    • Creating the Selection Reducer 5:00
    • Introducing Action Creators 6:00
    • Calling Action Creators 9:00
    • Adding a Touchable 7:00
    • Rules of Reducers 5:00
    • Expanding a Row 5:00
    • Moving Logic Out of Components 6:00
    • Animations 7:00
    • Wrapup 5:00
  • 29. [LEGACY] Not Done Yet... 4 Videos 00:23:00
    • Overview of Our Next App 5:00
    • App Challenges 5:00
    • Just a Touch More Setup 6:00
    • More on Boilerplate Setup 7:00
  • 30. [LEGACY] Handling Data in React vs Redux 5 Videos 00:39:00
    • Login Form in a Redux World 7:00
    • Rebuilding the Login Form 6:00
    • Handling Form Updates with Action Creators 9:00
    • Wiring up Action Creators 8:00
    • Typed Actions 9:00
  • 31. [LEGACY] Don't Mutate that State 9 Videos 01:04:00
    • Synchronous vs Asynchronous Action Creators 8:00
    • Introduction to Redux Thunk 6:00
    • Redux Thunk in Practice 6:00
    • Redux Thunk in Practice Continued 8:00
    • Making LoginUser More Robust 3:00
    • Creating User Accounts 7:00
    • Showing Error Messages 7:00
    • A Firebase Gotcha 7:00
    • Showing a Spinner on Loading 12:00
  • 32. [LEGACY] Navigating Users Around 14 Videos 01:26:00
    • Dealing with Navigation 8:00
    • Navigation in the Router 5:00
    • Addressing Styling Issues 5:00
    • Displaying Multiple Scenes 6:00
    • Navigating Between Routes 4:00
    • Grouping Scenes with Buckets 7:00
    • Navigation Bar Buttons 3:00
    • Navigating to the Employee Creation Form 6:00
    • Building the Employee Creation Form 5:00
    • Employee Form Actions 7:00
    • Handling Form Updates at the Reducer Level 6:00
    • Dynamic Property Updates 9:00
    • The Picker Component 8:00
    • Pickers and Style Overrides 7:00
  • 33. [LEGACY] Firebase as a Data Store 11 Videos 01:21:00
    • Firebase JSON Schema 7:00
    • Data Security in Firebase 6:00
    • Creating Records with Firebase 6:00
    • Default Form Values 6:00
    • Successful Data Save to Firebase 8:00
    • Resetting Form Properties 10:00
    • Fetching Data from Firebase 8:00
    • Storing Data by ID 9:00
    • Dynamic DataSource Building 8:00
    • Transforming Objects to Arrays 7:00
    • List Building in Employee List 6:00
  • 34. [LEGACY] Code Reuse - Edit vs Create 13 Videos 01:29:00
    • Reusing the Employee Form 7:00
    • Create vs Edit Forms 7:00
    • Reusable Forms 9:00
    • A Standalone Employee Edit Form 3:00
    • Initializing Forms from State 9:00
    • Updating Firebase Records 7:00
    • Clearing Form Attributes 5:00
    • Texting Employees 5:00
    • Modals as a Reusable Component 7:00
    • The Modal Component Continued 8:00
    • Styling the Modal 9:00
    • Employee Delete Action Creator 9:00
    • Wiring up Employee Delete 4:00