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.
Dark mode is no longer a nice-to-have. Operating systems ship with it, browsers expose it, and users expect it. Tailwind’s dark: variant makes it straightforward to write styles that change when dark mode is active: bg-white dark:bg-gray-900 produces a white background in light mode and a dark gray one in dark mode. The syntax is…
Props flow one level at a time. A parent passes the value to the child, and the child passes it to the grandchild, and the grandchild passes it to the great-grandchild. Each intermediate component receives the prop it does not use and forwards it down. This is the prop drilling, and it becomes painful when…
RxJS is the reactive layer underneath Angular. Every HTTP call, every router event, every form value change, and every signal-based computation that Angular exposes is an Observable underneath. An Observable is a description of a stream — a sequence of values that arrive over time. Unlike a Promise, which produces exactly one value and resolves…
A context object on its own does nothing. It is a token — an identity that a provider and a consumer agree on. The provider gives the token a value, the consumer reads that value, and the connection between them is established by React walking the tree. Neither end knows where the other is. The…
Not every responsive concern is about screen width. A phone held upright has a different shape than the same phone turned sideways. A user who has enabled reduced motion in their operating system expects animations to be gentler or absent. A printed page has different constraints than a screen — colors may not render, interactive…
The provide() and the inject() pair makes the value available deep in the tree, but the key is a string by default, and the string is not the type-safe. The inject(‘theme’) returns the unknown, and the TypeScript cannot check the type. The developer must cast the value, and the cast is the runtime risk. The…
The previous chapter introduced Observables and the operator pipeline. This chapter goes deeper into the two largest categories of operators: transformation and filtering. Transformation operators change the values that flow through the stream — map converts each value, scan accumulates, switchMap and its siblings flatten inner Observables. Filtering operators decide which values continue — filter…
useState works well when a component manages one or two independent values. A boolean for a modal, a string for an input, a number for a counter — each is a separate useState call, each updates independently, and the logic that changes each value is simple enough to live inline in an event handler. But…
![Tailwind CSS 40 🎨 Arbitrary Variants and Grouped Variant Syntax ([&:nth-child(3)]:)](https://tuts.kandz.me/wp-content/uploads/2026/10/Screenshot_20261009_120535-767x665.jpeg)
Tailwind’s built-in variants — hover:, md:, dark:, group-hover: — cover the common cases. But they cannot cover every case. What if you need to style the third item in a list? What if you need to target a child element that has no class of its own? What if you need to apply a utility…
The declarative model in Vue abstracts away the direct DOM manipulation for most cases, but there are times when you need the actual element. You need to focus an input when the component mounts. You need to measure the height of a div to set the scroll position. You need to pass a DOM node…