[Boost]
Stop Using jQuery: Master Vanilla JavaScript DOM Manipulation in 2025 sizan mahmud0 ・ Nov 4 #javascript #frontend #development #design
Stop Using jQuery: Master Vanilla JavaScript DOM Manipulation in 2025 sizan mahmud0 ・ Nov 4 #javascript #frontend #development #design
Stop Rebuilding Stripe, Supabase, and Clerk Every Project 🚀A while back, I realized something:I wasn't working harder — I was just repeating myself.Every new app meant wiring up Stripe again, rebuilding webhook handlers, re-reading the same SendGrid docs, tweaking Clerk config for the hundredth time, or fixing the same environment variable mistakes I already solved in older repos.None of it was interesting. It wasn't even challenging.It was just time-consuming boilerplate.So instead of doi
The story of modern frontend frameworks has always revolved around change — how to detect it, represent it, and respond to it efficiently.React built its entire philosophy on a simple but powerful assumption:Changes in data and component state are unpredictable.To cope with this uncertainty, React introduced the Virtual DOM —a clever mechanism that continuously compares previous and current UI trees to decide what needs to be re-rendered.But this design, while revolutionary in 2013, also came wi
The Grind is Real: My Love-Hate Relationship with Web ScrapingI remember the exact moment I thought, "How hard can it be?" I was building a side-hustle analytics tool for e-commerce sellers. The goal was simple: pull product details, pricing, and review data from Amazon. A few axios calls, a bit of Cheerio parsing... I figured I'd have a working prototype in a weekend.I was so, so wrong.That weekend turned into a month-long slog. First came the IP blocks. Then the CAPTCHAs. Then the subtle
Intent UI gives you 80+ accessible React components you can copy directly into your projects.Built on React Aria Components for proper ARIA support.♿ Full keyboard navigation and screen reader compatibility🎨 Tailwind CSS v4 styling system📦 Copy-paste installation with shadcn CLI🌍 Internationalization built in🔧 TypeScript definitions includedWorks with Next.js, Vite, and TanStack Router. You own the code after installation, so you can modify components however you need.👉 Blog Post👉 GitHub Repo👉 L
App URL: https://webfoundry.app/ (no account creation necessary)So this is my visual app builder Webfoundry, I used it to create a handful web apps including MEATEOR, the P2P Grindr alternative I posted about here: https://dev.to/guiprav2/a-completely-p2p-grindr-alternative-i-built-in-a-weekend-no-servers-no-accounts-webrtc-trystero-8dpThis demo shows how the voice assistant is able to call GPT 5.1 Codex to generate beautiful HTML elements for your page on-demand based on voice specs.Other than
Hey all,Yesterday I had an idea: You know how LLM completions work, right? You pass in the model name, an array of messages, and optionally a list of tools and make a fetch request. So I thought, what if I put that in a loop where every tool call could return a completely new configuration for the request?It works like this. Note there are two configurations: xai and oai. xai is instructed to play dumb and try to answer 42, oai is instructed to write haikus. xai is only promoted to oai once it g
The JourneyWhile developing the platform for LiveSpaces, I identified a critical gap in our delivery workflow. As the application grew, our reliance on manual verification and our existing CI/CD checks proved insufficient. We needed a way to streamline release cycles without sacrificing quality.I took the initiative to build a comprehensive End-to-End (E2E) test suite using Playwright, but I underestimated the complexity. It wasn't just about clicking buttons; it was about handling authent
Navigation Timing API for Precise Metrics: An Exhaustive Exploration IntroductionThe Navigation Timing API is a critical component of modern web performance measurement, enabling developers and analysts to gain deep insights into how a web page loads and performs in the context of user interactions. Released as part of the High Resolution Time specification and subsequently garnered further attention and extensions in the responsible specifications, the API has evolved into a sophisti
Hey everyone 👋My name is Sebastien Lato and I'm a mobile & web developer (SwiftUI, React, Next.js, Python) building apps, SaaS tools, and open-source projects. I’ll be sharing:SwiftUI tips & UI patternsReact / Next.js tricksIndie dev & SaaS progressApp design & architecture breakdownsLooking forward to connecting with other builders 🚀Follow me here on DEV or on GitHub: https://github.com/sebastienlato
The task is to replicate the Math.pow() function, with the powers only integers.The boilerplate codefunction pow(base, power){ // your code here}If the power is 0, return 1if (power === 0) return 1Multiply the base by the absolute value of the power, taking negative powers into considerationlet result = 1;let absPower = Math.abs(power); for (let i = 0; i < absPower; i++) { result *= base; }If the power is negative, return the reciporcal. Otherwise, return the resultreturn power > 0 ?
<p>Build an intermediate-level Multi-Step Event Creation Form with 3 steps, Zod validation, dynamic step skipping, and persistent state across the wizard.</p><p>A practical challenge to sharpen your skills building real-world multi-step flows in React.</p><p>Try it here → <a href="https://www.reactchallenges.com/challenges/37" rel="noopener noreferrer">reactchallenges.com/challenges/37</a></p>
Hey folks! 👋So, I had this problem. I was working on a personal project where I wanted to develop an information retrieval system from transcripts from about 300 YouTube videos. Sounds fun, right? Wrong. Try manually clicking "Show transcript" → Copy → Paste → Save as file... 300 times. Yeah, I made it through about 5 videos before I said "nope, there's gotta be a better way."Spoiler alert: there wasn't. At least not one that did exactly what I needed. So I built one. The Problem Was RealHe
How I Built a Tiny Tool That Makes Responsive Design Feel Effortless Olawale Bashiru ・ Nov 12 #frontend #javascript #css #opensource
You don't need a computer science degree to understand these concepts. Let me show you three of programming's most elegant ideas, one at a time, building up to a powerful combination. Recursion (A Function That Calls Itself) What Is It?Recursion is when a function calls itself to solve a problem. It sounds weird at first, but it's actually how you naturally think about many problems. Real-Life Example: Russian Nesting DollsImagine you have Russian nesting dolls and want to count h
<a href="https://news.ycombinator.com/item?id=46038099">Comments</a>
<a href="https://news.ycombinator.com/item?id=46038047">Comments</a>
<a href="https://news.ycombinator.com/item?id=46037626">Comments</a>
<a href="https://news.ycombinator.com/item?id=46037416">Comments</a>
<a href="https://news.ycombinator.com/item?id=46037343">Comments</a>
