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.
In the previous chapter, you installed Tailwind CSS using either the Vite plugin or the CLI. In both cases, the setup ended with a single line in your CSS file: @import “tailwindcss”;. That line does the work. It replaces the three @tailwind directives from v3 and brings in the entire default theme, the preflight base…
Every Vue 3 application begins with createApp. The function takes a root component and returns an application instance, which is the object that holds the application’s configuration, plugins, and global state. The instance is not mounted yet; it exists independently until mount is called with a DOM selector. This separation between creating and mounting is…
Every Angular project created by ng new has the same layout. The files fall into three groups — configuration at the root, source code in src/, and dependencies in node_modules/. Knowing what each file does tells you where to make changes and why the CLI put things where it did. Key point: Angular’s structure is…
A React project is not just a folder of JavaScript files. It is a structure with defined roles: the entry point, the root component, the assets, the configuration, and the build output. Knowing where each piece lives — and why — is the difference between a project you can navigate and one you spend hours…
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,…
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…
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:…
JSX is the syntax that lets you write markup inside JavaScript. It looks like HTML, but it is not HTML. It is a syntax extension that the compiler transforms into JavaScript function calls. Every React component returns JSX. Every React application is built from JSX. Understanding the rules of JSX is the first step to…
In Tailwind v3, every project needed a content array in tailwind.config.js. That array told Tailwind which files to scan for class names. Forget to update it, and the CSS for a new component would silently disappear from the production build. Tailwind v4 eliminates this configuration entirely. The engine scans the project automatically using a set…
Vue templates are HTML with a small set of additions. The most fundamental of those additions is the mustache binding, written as double curly braces. Everything else in the template syntax — directives, modifiers, shorthand — builds on the same idea: the template declares what the UI should look like as a function of the…