Introduction
  • Introduction
Express and Socket.io Primer
  • Overview
  • Express: Basic Routes
  • Express: Middleware and View Engines
  • Socket.io: Setup
  • Socket.io: Chat Application
Build Pipeline with Webpack
  • Overview
  • Server Webpack: Configuration Part 1
  • Server Webpack: Configuration Part 2
  • Server Webpack: Configuration Final
  • Server Webpack: Compile from Gulp
  • Server Webpack: Server Reload
  • Client Webpack: Configuration Part 1
  • Client Webpack: Configuration Part 2
  • Server Skeleton
  • Client Webpack: Development Server Middleware
  • Conclusion
Application Architecture
  • Overview
  • Layout
  • Observable Socket: Part 1
  • Observable Socket: Part 2
  • Observable Socket: Part 3
  • Observable Socket: Part 4
  • Component Framework
  • Component Stubs: Part 1
  • Component Stubs: Part 2
  • Server Stubs
Feature: Users
  • Server Module
  • Users Store
  • Users Component
  • Aside: Safe Subscribe
  • Logging In
  • Logging Out
Feature: Chat
  • Overview
  • Logging In with the Chat Form
  • Chat Module and Store
  • Chat List
Feature: Playlist
  • Overview
  • Playlist Data
  • Playlist Items
  • Playlist Items Style
  • Playlist Toolbar
  • Adding Items: Part 1
  • Adding Items: Part 2
  • Adding Items: Part 3
  • Playlist Store Bug
  • Adding Items: Part 4 - Youtube API
  • Syncing Current Item
  • Displaying the Current Item
  • Context Menu: Part 1 - Markup
  • Context Menu: Part 2 - Changing Item
  • Context Menu: Part 3 - Deleting Items
  • Playlist Chrome
  • Sorting: Part 1 - Drag and Drop
  • Sorting: Part 2 - Implementation
  • Sorting: Part 3 - Animation
Feature: Player
  • Overview
  • Player Component
  • YouTube Player
The End
  • Conclusion and More Ideas