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