Skip to content

KandZ - Tuts

  • Operating Systems ▾
    • Linux ▾
      • Distros ▾
        • Fedora
        • Other Distros
        • Ubuntu
      • Gnome 48
      • KDE
      • LFCA - Linux Foundation Certified IT Associate
      • LFCS - Linux Foundation Certified Sysadmin
      • LFCE - Linux Foundation Certified Engineer (Sysadmin + Network Admin)
      • Linux CLI
      • Various
      • Bash Scripting
  • Paths ▾
    • Core Web Stack
    • React & Modern UI Stack
    • Linux Core
  • Programming ▾
    • Frontend (FED) ▾
      • React Ecosystem ▾
        • React
        • React Router
        • TanStack Router
        • TanStack Query (React Query)
        • Zustand
        • Redux Toolkit
      • Angular Ecosystem ▾
        • Angular
      • Vue Ecosystem ▾
        • Vue.js
      • Styling & UI Components ▾
        • Tailwind CSS
    • Languages & Runtimes ▾
      • CSS
      • Dart
      • HTML
      • JavaScript
      • Node.js
      • Rust
      • SQL
      • TypeScript
    • Tools & Build Systems ▾
      • Version Control ▾
        • GitHub
        • Git
        • GitLab
      • Package Managers ▾
        • npm
        • Bun
        • yarn
        • pnpm
      • DevOps & Containers ▾
        • Docker
  • Servers & Self-Hosting ▾
    • Internet ▾
      • Internet Backend - Coming Soon
      • Internet Beginner
      • Internet Frontend - Coming Soon
    • Networking & DNS ▾
      • REST API
  • Tools
  • Windows ▾
    • Windows 11
KandZ - Tuts
AngularBunCSSDartDockerGitGitHubGitLabHTMLJavaScriptNode.jsnpmpnpmReactReact RouterRedux ToolkitRustSQLTailwind CSSTanStack Query (React Query)TanStack RouterTypeScriptVue.jsyarnZustandBash ScriptingFedoraGnome 48KDELFCA - Linux Foundation Certified IT AssociateLFCE - Linux Foundation Certified Engineer (Sysadmin + Network Admin)LFCS - Linux Foundation Certified SysadminLinux CLIOther DistrosUbuntuVariousCore Web StackInternet Backend - Coming SoonInternet BeginnerInternet Frontend - Coming SoonLinux CoreReact & Modern UI StackREST APIToolsWindows 11
  • Zustand 05 ⚛️ Async Actions — Handling asynchronous operations & API calls
    Programming | Frontend (FED) | React Ecosystem | Zustand

    Zustand 05 ⚛️ Async Actions — Handling asynchronous operations & API calls

    ByKandZ November 1, 2026November 1, 2026

    Zustand does not have a built-in concept of async actions. An action is a function in the store, and a function can be async. That is the entire mechanism. The action calls await on a promise, then calls set with the result. Zustand does not intercept the promise, does not track its state, and does…

    Read More Zustand 05 ⚛️ Async Actions — Handling asynchronous operations & API callsContinue

  • Zustand 04 ⚛️ Updating State — Immutable updates with set function
    Programming | Frontend (FED) | React Ecosystem | Zustand

    Zustand 04 ⚛️ Updating State — Immutable updates with set function

    ByKandZ November 1, 2026November 1, 2026

    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…

    Read More Zustand 04 ⚛️ Updating State — Immutable updates with set functionContinue

  • Zustand 03 ⚛️ Reading State — Selecting properties & preventing re-renders
    Programming | Frontend (FED) | React Ecosystem | Zustand

    Zustand 03 ⚛️ Reading State — Selecting properties & preventing re-renders

    ByKandZ November 1, 2026November 1, 2026

    Reading state in Zustand is not a single operation. It is a decision about subscription granularity. Every call to the store hook creates a subscription, and the selector passed to that hook determines exactly which changes trigger a re-render. A component that selects a single number re-renders only when that number changes. A component that…

    Read More Zustand 03 ⚛️ Reading State — Selecting properties & preventing re-rendersContinue

  • Zustand 02 ⚛️ Basic Store — Creating atomic state & action selectors
    Programming | Frontend (FED) | React Ecosystem | Zustand

    Zustand 02 ⚛️ Basic Store — Creating atomic state & action selectors

    ByKandZ November 1, 2026November 1, 2026

    A Zustand store is only as good as the subscriptions that read from it. A store can hold a hundred values, but if a component subscribes to the entire object, it re-renders on every change regardless of which value it actually uses. The selector is what makes Zustand efficient. It extracts a specific slice of…

    Read More Zustand 02 ⚛️ Basic Store — Creating atomic state & action selectorsContinue

  • Zustand 01 ⚛️ Installation — Store setup & provider-free boilerplate
    Programming | Frontend (FED) | React Ecosystem | Zustand

    Zustand 01 ⚛️ Installation — Store setup & provider-free boilerplate

    ByKandZ November 1, 2026November 1, 2026

    Zustand is a state management library built on a single premise: state should be accessible without ceremony. Where Redux requires a provider wrapping the application, reducers, and action creators, and React Context requires a provider and careful memoization to avoid re-rendering every consumer, Zustand requires one function call. You install the package, call create, and…

    Read More Zustand 01 ⚛️ Installation — Store setup & provider-free boilerplateContinue

  • LFCE 20 🐧 Creating and Managing Bridges
    Linux | Operating Systems | LFCE - Linux Foundation Certified Engineer (Sysadmin + Network Admin)

    LFCE 20 🐧 Creating and Managing Bridges

    ByKandZ November 1, 2026November 1, 2026

    The previous chapter established what a bridge is: a software switch that forwards frames between ports based on a learned MAC address table. This chapter is the operational sequence. Creating a bridge is a single command; making it work correctly requires a specific order of operations, and making it persist requires the correct configuration for…

    Read More LFCE 20 🐧 Creating and Managing BridgesContinue

  • LFCE 19 🐧 Network Bridges — Concepts
    Linux | Operating Systems | LFCE - Linux Foundation Certified Engineer (Sysadmin + Network Admin)

    LFCE 19 🐧 Network Bridges — Concepts

    ByKandZ November 1, 2026November 1, 2026

    A Linux bridge is a software switch. It connects two or more network interfaces at Layer 2, forwarding Ethernet frames between them based on MAC addresses, not IP addresses. The bridge itself becomes a logical interface—typically br0—that carries an IP address, while the physical interfaces attached to it become ports, stripped of their own addresses…

    Read More LFCE 19 🐧 Network Bridges — ConceptsContinue

  • LFCE 18 🐧 Policy Routing — Multiple Tables and Rules
    Linux | Operating Systems | LFCE - Linux Foundation Certified Engineer (Sysadmin + Network Admin)

    LFCE 18 🐧 Policy Routing — Multiple Tables and Rules

    ByKandZ November 1, 2026November 1, 2026

    The previous chapter established the routing policy database and the rule selectors that drive it. This chapter is the operational counterpart: creating custom routing tables, populating them with routes, writing rules that direct specific traffic to them, and ensuring the entire configuration survives a reboot. A single policy rule is a proof of concept. A…

    Read More LFCE 18 🐧 Policy Routing — Multiple Tables and RulesContinue

  • LFCE 17 🐧 Policy Routing — Concepts
    Linux | Operating Systems | LFCE - Linux Foundation Certified Engineer (Sysadmin + Network Admin)

    LFCE 17 🐧 Policy Routing — Concepts

    ByKandZ November 1, 2026November 1, 2026

    Classic routing makes a decision based solely on the destination address. A packet arrives, the kernel searches its routing table for the longest matching prefix, and forwards the packet accordingly. This model assumes that every packet destined for the same network should follow the same path. Policy routing breaks that assumption. It allows the administrator…

    Read More LFCE 17 🐧 Policy Routing — ConceptsContinue

  • LFCE 16 🐧 Default Gateway and Route Priority
    Linux | Operating Systems | LFCE - Linux Foundation Certified Engineer (Sysadmin + Network Admin)

    LFCE 16 🐧 Default Gateway and Route Priority

    ByKandZ November 1, 2026November 1, 2026

    The default gateway is the route of last resort. When the kernel examines a packet’s destination and finds no matching entry in the routing table, it forwards the packet to the default gateway. This single route is what connects a host or a local network to everything beyond its directly attached subnets. Without it, the…

    Read More LFCE 16 🐧 Default Gateway and Route PriorityContinue

Page navigation

1 2 3 … 253 Next PageNext
    Search