Blog

Detailed write-up of the various technical topics introduced in the screencast series. Each one corresponds to a screencast. You can keep up to date via RSS.

Inserting Rows and Columns

Update the spreadsheet to support inserting rows and columns.

Immutability, Implementing Undo and Redo

Add an undo/redo feature.

Lazily Evaluated Formulas and useSheet composable

Implement formulas for the spreadsheet..

A Vue + Vite Powered Spreadsheet interface

Creating a Vue powered spreadsheet interface.

Loosely Coupled Concerns and Data Structures

Plan out the data structures and engine for a simple spreadsheet.

Diving into the Virtual DOM

Explore Vue's Virtual DOM with a recusive algorithm.

Dependency Injection with Provide and Inject

Use provide and inject to accomplish dependency injection.

Jira Kanban Board with Typesafe GraphQL (Part 6)

Implement drag and drop and create a GraphQL mutation.

Jira Kanban Board with Typesafe GraphQL (Part 5)

Render the kanban columns, and learn to use the new v-model API.

Jira Kanban Board with Typesafe GraphQL (Part 4)

Set up Vite. Query the API with a reactive store.

Jira Kanban Board with Typesafe GraphQL (Part 3)

Build a GraphQL API using type-graphql and TypeORM.

Jira Kanban Board with Typesafe GraphQL (Part 2)

Explore relationships and joins with TypeORM.

Jira Kanban Board with Typesafe GraphQL (Part 1)

Create an API powered by TypeORM.

Separating Core Logic and Framework Integrations (Part 2)

Write a thin integration layer for a framework-agnostic library.

Separating Core Logic and Framework Integrations (Part 1)

Learn to separate core logic from framework integrations.

A better way to structure your Vuex state

A framework for consistency in your Vuex store.

A useModal composition hook, teleport and the ES6 Proxy

Build a useModal composition hook using <teleport> and a ES6 Proxy.

Introducing Vite, the Fastest Dev Server Ever

Build a Storybook-like UI environment using Vite.

Vue 3 Async Components and Bundle Splitting

Make your app faster with Vue 3's new Async Component API.

Bundling with Rollup

Use Rollup to bundle your library for multiple targets.

User Centric Tests with Testing Library

Learn the difference between user centic and component centric tests.

Introducing Teleport (aka Portal)

Learn about Vue 3's new core component, Teleport (aka Portal).

Webpack for Vue.js 3 from Scratch

Configure webpack to build .vue files, TypeScript, and run a dev server.

Introduction to Suspense

A introduction to Vue 3's Suspense feature, and best practices when testing it.

Jest Transformer for Vue Components

Learn how jest transformers work, and write one to load Vue 3 components.

Best Practices for Testing Vue 3 Components (Part 2)

Refactor and leverage Jest to add a new feature without compromising our test suite.

Best Practices for Testing Vue 3 Components (Part 1)

See the new version of Vue Test Utils, and some best practices for component tests.

A Custom Renderer for Vue 3

Build a custom renderer using the new @vue/runtime-dom, part of Vue 3's new module design..

Vue 3 with Typescript, Options API vs Composition API

Move a component written in JS and the Options API to TypeScript and the Composition API.

Vue 3 Testing Framework from Scratch

Implement a Vue Test Utils like framework from scratch.

Implementing Vuex for Vue 3 From Scratch

Build your own Vuex for Vue 3 from scratch using the new reactivity API.

Separating UI and Business Logic in Vue Components

Refactor the SimplePassword component, separating the business and UI logic.

Reducing Duplication in Unit Tests

Build a reusable function for testing components.

Get occasional emails about new content and blog posts.
Absolutely no unsolicted spam. Unsubscribe anytime.

Thanks for registering!