Complete React Native and Hooks Course Video Course

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