Tutorials covering programming languages, type systems, architecture, tooling, and the patterns used to build software that lasts. Each chapter is standalone, built around real examples and verified facts.
Tailwind CSS v4 represents a ground-up rewrite of the framework. The old JavaScript-based engine that powered v3 is gone. In its place is Oxide, a new engine built with Rust and powered by Lightning CSS. The result is not a marginal improvement but a different class of performance: full builds drop from seconds to milliseconds,…
Query keys are the address system of the TanStack Query cache. Every useQuery call registers its data under a key, and every subsequent call with the same key retrieves that cached entry instead of fetching again. The key is not a label for display; it is the deterministic hash that the cache uses for lookup,…
The previous chapter covered the file conventions that map a directory structure to URLs. This chapter covers the route tree itself: the nested data structure that the router uses to match URLs and the generated types that make navigation type-safe. A route tree is not a flat list. It is a hierarchy of routes, where…
TypeScript’s type system starts with a small set of primitive types: string, number, boolean, null, and undefined. These are the atoms — every more complex type is built by combining them. They map directly to JavaScript’s runtime primitives, but TypeScript gives them a compile-time identity that the runtime doesn’t have. Understanding them properly is not…
Vue 3 ships with two ways to write components: the Options API and the Composition API. The Options API organizes a component by option type: data, methods, computed, watch, and lifecycle hooks each get their own section. The Composition API organizes a component by logical concern: everything related to a feature lives together in a…
Every dependency you add, upgrade, or remove triggers a two-file update: package.json records the intent (a version range like ^4.18.0), and yarn.lock records the reality (the exact version and integrity hash that was resolved). The manifest is what you write; the lockfile is what Yarn writes. Understanding this division is the difference between a project…
Reading state is passive. The component subscribes, and the store notifies it when something changes. Updating state is active: a function in the store receives new data and calls set to merge that data into the existing state. The set function is the only legitimate way to modify a Zustand store, and the way it…
A component is the fundamental building block of every Angular application. It’s a class decorated with @Component that bundles three things together: the template it renders, the styles it applies, and the logic it runs. Every screen you see in Angular is a tree of components, starting from the root and branching down. Key point:…
Package management in Bun follows the familiar add, remove, and update pattern, but the execution engine underneath is fundamentally different. Because Bun is a native binary with a global install cache and a highly optimized resolver, the same commands that take seconds in npm or minutes in Yarn complete in milliseconds. This chapter covers the…
CSS provides a rich set of properties to control the background of any element. You can set colors, images, gradients, and control how they are positioned, repeated, scaled, and clipped. Overview of Background Properties Property Description Example background-color Sets the background color background-color: red; background-image Sets the background image or gradient background-image: url(“image.jpg”); background-repeat Controls…