Promise in html
May 08 2026
May 08 2026
Even though MD5 is no longer a good choice for storing passwords, it still shows up in everyday developer work: checksum comparisons, legacy integrations, migration scripts, cache keys, and quick data fingerprints.So I added a small browser-based tool to Tools Online: MD5 Hash Generator. Why I built itI kept needing a quick way to paste a string and get the standard 32-character MD5 hash without opening a terminal, writing a one-off Node script, or searching for a random page that might sen
A continuation of the isLoading discussion: why blocking a workflow and representing that state in the UI are two different problems.In the previous article, I wrote about why local isLoading starts to break down in complex React applications.The main idea was not that isLoading is bad.It is not.The problem is that isLoading is often too local for a workflow that is no longer local.A boolean can tell one component that something is pending.It cannot tell different controls how they should behave
Building dashboard forms looks simple until the project starts scaling. A basic input field quickly turns into validation logic, conditional rendering, onboarding flows, profile settings, payment handling, accessibility fixes, and state management headaches.Thatβs where production-ready form components actually matter.Most developers do not struggle with creating forms. The real problem starts when forms need to stay maintainable across multiple dashboard pages, user roles, and workflows. Poorly
The Moment Everything ChangedIn February 2025, Andrej Karpathy, former AI lead at Tesla and co-founder of OpenAI, posted something that resonated instantly across the global developer community.He described a new way of working: fully giving in to the vibes, embracing exponentials, and letting AI handle the code while the developer handles the intent.He called it vibe coding.Within weeks, the term had spread from a single post to mainstream developer conversation. By the end of 2025, Colli
Angular v22 just made lazy-loading services much simpler. In this post, we'll explore how to leverage the new injectAsync() API to reduce your main bundle size and replace awkward lazy-loading workarounds. Weβll compare the older manual lazy-loading approach with Angular v22βs new injectAsync() API and see why the new pattern feels simpler and easier to reason about. The Problem: Libraries Loading Too EarlyWhen building Angular applications, it's common to include third-party libraries
The ProblemEvery Express developer knows this pain:Scatter console.log everywhere just to see what's happeningNo idea which routes are actually registeredZero visibility into incoming requestsChecking CPU/memory by opening a separate toolI got tired of it. So I built express-dev-panel. What is express-dev-panel?A lightweight, plug-and-play developer panel for Express.js apps. One line of code gives you a full real-time dashboard in your browser.import { createPanel } from 'express-dev
Introducing deepsec: The security harness for finding vulnerabilities in your codebaseA new open source tool from Vercel that uses AI coding agents to find security vulnerabilities in your codebase. It runs locally on your laptop or on your own infrastructure using your existing AI subscriptions. The workflow involves static analysis to find security-sensitive files, agent investigation of each candidate, and includes a revalidation step to reduce false positives π Next.js 16.2.6 &
No frameworks. No boilerplate generators. No "clone this starter repo." Just you, a terminal, and Node.js starting from nothing and understanding every single step.This guide works on Windows, macOS, and Linux. The concepts are the same everywhere. Step 1: Installing Node.jsGo to nodejs.org and you'll see two versions available:LTS (Long-Term Support) β Stable, recommended for most projects and beginnersCurrent β Latest features, but less battle-testedInstall the LTS version. Unless you spe
Astro 4 & React Server Components: The Unexpected Security BenchmarkModern web development frameworks are constantly evolving to balance performance, developer experience, and security. Two tools at the forefront of this evolution are Astro 4, the latest iteration of the static site generator turned full-stack framework, and React Server Components (RSC), Metaβs paradigm shift for React that moves component rendering to the server. While both are often praised for performance gains, th
If you're preparing for:React interviewsfrontend rolesfull stack interviewsthese are the most important React concepts you should know.This guide covers:core React fundamentalshooksrenderingstate managementoptimization conceptsin a beginner-friendly way. β 1. What is Virtual DOM?The Virtual DOM is a lightweight JavaScript copy of the real DOM.Instead of directly updating the browser DOM:React creates a new Virtual DOMcompares it with the old oneupdates only changed parts in the real DOMThis
If you're learning React, you've probably heard these terms everywhere:React.memouseMemouseCallbackAt first, they look confusing.But all three solve one major problem: β‘ Unnecessary Re-renders & Performance IssuesThis guide explains:what each one doeswhy they existhow they are connectedwhen to use theminterview explanations π€ Why Do These Exist?In React, components re-render very frequently.A component re-renders when:state changesprops changeparent component re-rendersMost of the
We build small, single-purpose tools at KAVELA LTD. CutList is one of them β give it a stock sheet size and a list of pieces you need to cut, and it returns a layout that fits everything onto as few sheets as possible, with a printable PDF the carpenter can take to the saw.It's the kind of problem that looks trivial until you start coding it. This post walks through the parts that took the most iteration: why we constrained the solver to guillotine cuts, how we handled kerf width without making
Pay-Per-Call APIs Are the FutureMost APIs charge $99/month whether you make 1 call or 10,000. I built NEXUS β pay fractions of a cent per request using USDC on Base via x402. What is x402?When you call a NEXUS endpoint without payment, you get HTTP 402 with payment details. Pay the micropayment, retry, get your data. No subscription. No API key. What NEXUS offersLive crypto prices: $0.02/callReddit sentiment: $0.05/callDeFi TVL: $0.005/callStock prices: $0.002/call Try itcur
The Definitive Guide to Optimization in React Server Components vs GraphQL: What You Need to KnowReact Server Components (RSC) and GraphQL have emerged as two of the most impactful technologies for building high-performance React applications, but their optimization approaches differ fundamentally. This guide breaks down how each handles data fetching, caching, and rendering, and helps you choose the right strategy for your project. What Are React Server Components and GraphQL?React S
<a href="https://news.ycombinator.com/item?id=48058644">Comments</a>
The Tailwind CSS Collision ProblemTailwind CSS is the undeniable standard for styling modern React applications. However, when building an enterprise-grade Design System or UI library for a B2B SaaS at Smart Tech Devs, developers frequently run into a massive architectural flaw: Class Collisions.Imagine you build a reusable <Button> component with a default padding of p-4 and a background of bg-blue-500. Later, a developer tries to use that button but needs it to be red and have smaller pa
Originally published at norvik.tech IntroductionExplore the technical foundations of the Kiln React design system, its implications for web development, and actionable insights for businesses. Understanding Kiln: A Technical OverviewKiln is a React design system that addresses the repetitive nature of UI component development. It consists of 28 components that are lightweight, totaling under 26 KB gzipped, and carry no dependencies. This allows developers to integrate Kiln into their p
Skincare is deeply personal, but the advice we get is often generic. For the Perfect Corp Γ Startup World Cup Hackathon, I wanted to build something that felt like a bridge between a luxury spa and a clinical dermatology office.Enter Skin Lab Rx: An AI-powered diagnostic platform that turns a simple selfie into a 14-metric clinical report and a personalized skincare routine. The VisionThe goal was simple: Zero friction, maximum accuracy. I wanted a user to be able to scan their skin and ins
I recently shipped china-sourcing-agents.com β a B2B sourcing agency site for electronics and IoT hardware. It supports 11 languages, generates dynamic OG images at the edge, has full-text search with zero backend, and accepts leads through a form that emails me directly.Total monthly infrastructure cost: $0 (all within free tiers).Here are the things that genuinely surprised me while building it. The stackAstro 6 β frameworkCloudflare Pages β hosting (static assets + edge worker)T
