Learn from Evan You -- the creator of Vue.js -- how to build more accessible routing, state management, form validation and internationalization libraries from the ground up! This course is for developers who have some experience with Vue.js and want to understand its internals better so they can author your own Vue plugins and use Vue more effectively. You'll build simple versions of advanced features of Vue.js from the ground up composing basic Vue features. This course will help you better understand the nature of common problems and how to better leverage Vue's reactivity system to come up with elegant solutions.
Overview
Syllabus
- Introduction
- Introducing Reactivity
- Challenge 1: Getters and Setters
- Challenge 1: Solution
- Challenge 2: Dependency Tracker
- Challenge 3: Mini Observer
- Introducing Writing Plugins
- Challenge 4: Writing a Simple Plugin
- Challenge 4: Solution
- Introducing Render Functions
- Virtual DOM
- Putting Everything Together
- JSX vs. Templates
- Render Function API
- Challenge 5: Dynamically Render Tags
- Challenge 5: Solution
- Challenge 6: Dynamically Render Components
- Challenge 6: Solution
- Challenge 7: Higher-Order Components
- Q&A: Higher-Order Components
- Challenge 7: Solution
- Introducing State Management
- Challenge 8: Passing Props
- Challenge 8: Solution
- Challenge 9: Shared Object
- Challenge 9: Solution
- Challenge 10: Shared Instance
- Challenge 10: Solution
- Challenge 11: Mutations
- Challenge 11: Solution
- Challenge 12: Functional
- Q&A: Type-based API and Nested Objects
- Challenge 12: Solution
- Challenge 13: Basic Hash Router
- Challenge 13: Solution
- Challenge 14: Route Table
- Challenge 14: Solution
- Path to Regular Expressions
- Challenge 15: Dynamic Routes
- Challenge 15: Solution
- Markup-based vs. Model-based
- Validation Library
- Internationalization Approaches
- Internationalization Plugin
- Q&A: Onboarding Speed and Web Components
- Q&A: SSR and Vue Custom Element
- Wrapping Up
Taught by
Evan You
