Advanced Vue 2 - Vuex & SSR
Become a Vue.js expert by learning to build a high-performing, server-rendered app with Vuex!
I. Introduction
| 1. Introduction (01:23) |
II. Overview & setup
| 2. Demo of the finished product (04:08) | |
| 3. Clone repo, NPM install, setup environment (03:55) | |
| 4. Tour of the files (04:42) | |
| 5. Webpack configuration and extract text demo (10:37) |
III. Setting up the calendar
IV. Calendar day functionality
V. Adding the month selector
VI. Creating the event form
| 25. Creating event-form component (04:51) | |
| 26. Capture click in calender-day (04:36) | |
| 27. Positioning Event Form (02:36) | |
| 28. Opening and closing Event Form (06:03) | |
| 29. Displaying events in calender-day (06:00) | |
| 30. Creating event state in store (01:55) | |
| 31. Adding input to event-form (02:00) | |
| 32. Submit new event to store (04:05) | |
| 33. Get event date in store (03:51) | |
| 34. Improving form (03:08) | |
| 35. Focus directive, Enter keyup is create (04:22) | |
| 36. Displaying date in Event Form (04:16) | |
| 37. Highlight Event Form active day (03:41) |
VII. Loading stored events
VIII. Writing events to template
| 43. Replace Vuex state in main file (05:08) | |
| 44. Move mock data to HTML template (05:20) | |
| 45. Splicing mock data into HTML file (08:08) |
IX. Server-side rendering
X. Finishing touches
| 55. Adding image to header and reloading page on initial render (05:47) | |
| 56. Bundling for production (03:57) |