React.js: Building Production Ready Apps, Start to Finish - React Primer - State and Events: Part 1

Introduction
- 00:06:47 Introduction
- 00:14:37 React Overview
- 00:12:29 Shadow DOM
React Primer
- 00:13:03 Setting Up
- 00:16:42 Components and the Shadow DOM
- 00:13:34 Introduction to JSX
- 00:20:30 State and Events: Part 1
- 00:06:29 State and Events: Part 2
- 00:10:21 Todos: Part 1 - Checkbox
- 00:08:08 Todos: Part 2 - Stateless Components
- 00:09:05 Todos: Part 3 - Lists
- 00:08:27 Todos: Part 4 - Events
- 00:18:08 Todos: Part 5 - Forms and Lifecycle
- 00:02:53 Conclusion
Project - Asset Pipeline
- 00:02:21 Introduction
- 00:17:41 Folder Structure
- 00:16:32 Babel Installation
- 00:19:25 Eslint Configuration
- 00:06:48 Eslint with Visual Studio Code
- 00:19:31 Build: Server
- 00:17:03 Watch and Run: Server
- 00:19:15 Watch and Run: Tests
- 00:15:18 HTTP Server
- 00:12:43 Webpack: Installation
- 00:18:43 Webpack: Basic Configuration
- 00:16:12 Webpack: Production and Gulp Builds
- 00:15:03 Webpack: Dev Server
- 00:12:37 Webpack: HMR 1 - Styles
- 00:09:39 Writing React Components
- 00:19:44 Webpack: HMR 2 - Scripts
- 00:15:56 Debugging in Chrome and Visual Studio Code
- 00:07:51 Debugging Node with Visual Studio Code
- 00:19:23 Project Structure Overview
Project - Client
- 00:02:11 Introduction
- 00:04:48 Packages and Setup
- 00:19:01 React Router
- 00:13:37 Global Page Styles
- 00:19:45 Lobby: Part 1 - Game List
- 00:13:40 Text Input Component
- 00:18:31 Lobby: Part 2 - Chat
- 00:10:36 Architecture Overview
- 00:14:29 Dispatcher: Part 1 - Tests
- 00:16:43 Dispatcher: Part 2 - Implementation
- 00:08:04 Store Stubs
- 00:19:41 Container Base
- 00:18:51 Dialogs: Part 1 - Action and Store
- 00:15:26 Dialogs: Part 2 - Rendering and Styles
- 00:05:02 Print Action Utility
- 00:08:41 Login Dialog
- 00:19:54 Operations
- 00:17:50 Lobby: Part 3 - Operations
- 00:19:45 Hooking up our Router
- 00:19:01 Game Store
- 00:13:35 Game Sidebar
- 00:10:32 Game Component
- 00:18:01 Game Setup Component
- 00:05:19 Game Setup Styles
- 00:20:00 Game Board
- 00:14:04 Card Component
- 00:12:25 Stacks Component
- 00:11:11 Player Hand
Project - Server
- 00:02:14 Introduction
- 00:08:03 Architecture Overview
- 00:12:48 Diff: Part 1 - Tests
- 00:20:30 Diff: Part 2 - Arrays
- 00:08:51 Diff: Part 3 - Objects
- 00:12:39 Merge
- 00:17:18 Card Database
- 00:19:31 Socket.io / Client / Application
- 00:11:03 App Store and Views
- 00:19:21 Lobby
- 00:19:06 Game Stub
- 00:20:45 Game Setup
- 00:17:29 Game Logic
- 00:16:31 Game State Machine and Conclusion
Deployment and Conclusion
- 00:16:02 Deploying to Heroku
- 00:01:14 Conclusion

Details

This video goes over what component state is and how we can properly handle events in our React applications.

Threads (0/0)

Tear Off