Tutorials covering the frameworks and libraries that shape how modern applications are built — Angular, React, Vue, and the ecosystem tools that surround them. Each chapter is standalone, built around real examples and verified facts.
Media queries ask one question: how wide is the browser window? Container queries ask a different question: how wide is this component’s parent? The distinction matters when a component appears in multiple layout contexts. A card in a sidebar and the same card in a main panel should look different, even on the same screen….
A component inside a <KeepAlive> does not unmount when it is hidden. It is deactivated. The onUnmounted hook does not fire, the component instance is not destroyed, and the state is preserved. But the component is no longer visible, and the work it was doing—timers, subscriptions, polling, animations—should stop. The onActivated and onDeactivated hooks are…
An effect is a function that runs when the signals it reads change. It is the escape hatch from the signal graph to the imperative world — the place where a signal’s change is translated into a side effect that is not a value: a DOM update, a log, a persistence write, an external API…
A custom hook is a black box. The component calls useOnlineStatus() or useFetch(url) or useFormInput(initial), and the hook does its work behind the abstraction. When the hook works, the abstraction is a blessing: the component is clean, and the logic is in one place. When the hook misbehaves, the abstraction is a curse: the React…
A layout written with margin-left and margin-right is a layout that assumes every reader reads from left to right. For Arabic, Hebrew, Persian, and Urdu speakers, the assumption is wrong. The text flows from right to left, the sidebar that sits on the left in English should sit on the right, and the padding that…
A Vue component is a function that returns a UI. A composable is a function that returns state and behavior, without the UI. The two are the same kind of thing, and the distinction is where the logic lives. When the logic is inside a component, it is bound to that component’s template. When the…
A signal-based component is a component whose state is expressed with signals, whose inputs are signals, whose outputs are signal-aware, and whose template reads the signals directly. The change detection is driven by the signals, and the component is checked only when the signals it reads change. The model is the modern Angular, and it…
A React application has two kinds of updates. The first is the urgent update: the user types a character, clicks a button, presses a key. The response must be immediate, or the interface feels broken. The second is the non-urgent update: the search results filter, the chart recalculates, the tab content loads. The response can…
Accessibility is not a feature that can be added at the end. It is a property of the markup, the styles, and the interaction, and it must be designed from the start. Tailwind provides a small set of utilities and variants that address the most common accessibility needs: the sr-only and the not-sr-only for the…
A composable that accepts a value has to decide what it accepts. A plain number, a ref, a computed, or a getter function: all four are reasonable, and all four appear in real code. A composable that only accepts one of them is rigid, and a composable that requires the caller to unwrap is annoying….