Vue
26 moments from 17 videos · 1:28:07 total
Explore refined strategies for architecting responsive web interfaces and managing component state effectively within modern Vue applications.
Defining petite-vue and its architectural differences
The creation of an ultra-lightweight frontend layer relies on walking the existing DOM instead of employing a heavy virtual tree.
Question and answer session on syntax and compatibility
Exploring specific syntax compatibility and older browser limitations guarantees long-term stability when attempting deployments targeting legacy environments.
Hooking into element lifecycles without virtual DOM events
Developers can execute custom actions by listening for mounting and unmounting events directly on standardized markup elements.
Configuring Vue single-file components with TypeScript
How single-file Vue components leverage the TypeScript execution context alongside scoped CSS and HTML templates.
Initializing a new Vue application via the CLI
How to use the Vue CLI to scaffold a new project and select features like Babel, TypeScript, and routing.
Generating definitions for untyped Vue plugins
Running the TypeScript compiler in declaration mode to auto-generate a starter typings file for legacy Vue-compatible packages.
Comparing Vue to React and Angular
An overview of why Vue optimizes for developer productivity compared to Angular's tooling focus and React's complex state capabilities.
Core JavaScript structures powering Vue reactivity
Addressing previous property interception limitations, newer framework structures leverage ES6 proxies over static object definitions to intercept data mutations dynamically.
Core concepts of reactivity and the observer pattern
Automating UI updates requires an observer pattern to passively listen and notify dependent logic properties when arbitrary values shift.
Integrating web components across popular javascript frameworks
Embedding custom elements consistently inside Vue, Angular, React, and Svelte applications without rewriting code.
Core features of the Nuxt meta-framework for Vue
Implementing a meta-framework on top of Vue streamlines full-stack development and server-side rendering configurations.
Fundamental concepts of Vue 3 reactivity and Observer pattern
The basic mechanisms of tracking changes and notifying subscribers using the Observer pattern.
Constructing the reactive wrapper to automate tracking operations
Combining custom track and trigger logic into a dynamic proxy interface to create the core reactive function.
Building three-dimensional web experiences using framework components
Recreating virtual scenes declaratively provides an intuitive architectural pattern to manage complex visual logic.
Choosing Vue and GraphQL for strong typings
How deploying Vue and GraphQL simplifies developer onboarding while enforcing strict end-to-end type safety between the client and server.
Structuring and importing predictable, side-effect free composables
Specific rules for organizing Vue logic elements with explicit barrel files and safe function definitions that preserve predictable compiler tree shaking.
Building reusable robust UI-agnostic data fetching composables
Architecting component functions that seamlessly encapsulate API queries, resilient GraphQL subscriptions, and local offline mappings without assuming structural DOM context.
Dominance of the big three frontend frameworks
Angular, React, and Vue have established unprecedented longevity and industry adoption.
Building applications using popular JavaScript component frameworks
Integrating libraries like Angular and Vue while seamlessly invoking underlying Objective-C platform actions.
Democratizing cross-platform development with alternative JavaScript frameworks
Expanding accessibility beyond React by adapting the underlying engine to diverse language ecosystems like Vue and Svelte.
Introduction to modern web development with Nuxt two
Nuxt acts as an intuitive framework built upon Vue to simplify the overall modern web development stack.
Implementing server-rendered Vue apps using the Nuxt framework
Utilizing Nuxt to bring pre-configured server-side rendering and static generation capabilities to the Vue ecosystem.
Integrating components for server-side rendering and application routing
Configuring bundler plugins to process component files and utilizing memory history for backend endpoint routing.
Comparing derived state primitives across modern JavaScript libraries
How react, vue, rxjs, and solid each handle base state declarations and derived computations.
Cloud native starter project architecture
Overview of a basic cloud-native architecture combining Vue front ends with reactive security.
Modernizing legacy architecture and framework migration challenges
Unseen framework upgrades like moving to Vue 3 are often undervalued by the business despite major developer effort.
Your mix. Instantly.
More mixes
AI & Machine Learning
AI coding agents
AI & Machine Learning
MCP (Model Context Protocol)
AI & Machine Learning
RAG
Languages & Frameworks
TypeScript
Languages & Frameworks
React
Languages & Frameworks
Java
Cloud, Platform & Data
Platform engineering
Cloud, Platform & Data
Observability
Cloud, Platform & Data
Infrastructure as code
Architecture, Quality & Security
System architecture
Architecture, Quality & Security
Code review
Architecture, Quality & Security
Software supply chain security
Leadership, Career & Community
Engineering strategy
Leadership, Career & Community
Developer experience
Leadership, Career & Community