Vue & Vuex
summary
Claims that Vue has as many or more GitHub stars than React and that you can start with a script tag then scale to Vue CLI and ES6. Demonstrates a concrete product list + detail editor that copies props to avoid mutating the parent and fixes a selection bug with a watch so editing works. Shows Vue Router params and query use, Vuex with mutations and actions, store modules, and testing with Vue Test Utils, Jest/Karma and end‑to‑end tools like Cypress/Nightwatch.
AI-written summary · about
chapters (29)
- 0:00Start
- 2:47Let's start with the DOM
- 5:16Use the structural directive v-for - Add a list to our dataproperty
- 5:42How do we do conditional rendering
- 5:57CONDITIONAL RENDERING, TEMPLATE MARKUP
- 6:17WORKING WITH FORM CONTROLS
- 6:29Input element
- 9:37COMPONENT EXAMPLE
- 10:13COMPONENT WITH A CHILD COMPONENT
- 11:10CREATING COMPONENTS WITH ES6 MODULE /VUE-CLI APPROACH
- 11:271 file=1 component
- 12:28What about child components ?
- 12:39To be able to use chid component we need to import child component +register it with its parent component
- 16:25Specify a default object, If input is missing
- 17:52Validator function
- 19:09Let's start with the parent
- 26:24DEFINE A VIEWPORT
- 27:18How to navigate! Answer: Define a link
- 32:03TESTING
- 32:59HOW DO WE CONSTRUCT A UNIT TEST? - Get a constructor reference
- 35:08How do we deal with events?
- 37:06Scenario: take our test component, write in the input field, assert our component shows data
- 38:36VUEX CENTRALIZED STATE MANAGEMENT FOR VUE.JS
- 40:03Instantiating the store
- 41:14MUTATIONS
- 42:47How do we access the payload in the store?
- 43:06ACTIONS
- 46:07SOLUTION store modules
- 46:41We define a store module, just like we would a normal
