Refactoring an institutional website and what I have learned. Requirements - A landing page that could explain briefly what the Association was about - A web ap...

!Cover image for Organizing a Legacy React Project Without Blocking Deliveryhttps://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,for...

Remix v2 ditches the file‑based routing complexity of Next.js and gives you nested routes with built‑in data loading. Every route is a server component by defau...

Overview I scanned five well‑known JavaScript‑heavy sites—react.dev, vercel.com, stripe.com/docs, linear.app, and shopify.com—running 19 SEO health checks acro...

Redux often requires actions, reducers, selectors, middleware, and dozens of lines of boilerplate even for a simple counter. Zustand delivers the same capabilit...

React Hooks can be confusing when you're new to them. This guide explains the most important ones with clear examples. useState jsx import { useState } from 're...

!Cover image for Stop Writing postMessage Manually For Workers — I Built a Decorator for Thathttps://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover...

If you have built an application using the Next.js App Router, there is a 100 % chance you’ve come across the issue of updating the database but the page still...

Background After years of freelance “bug fixing,” I realized that the real value isn’t in the code—it’s in the solution. Projects Built I’ve spent the last few...

Why I Built It Tools like ilovepdf and smallpdf are great but they push you toward paid plans fast — file size limits, watermarks, forced sign‑ups. I wanted so...

The problem At small scale, this works fine. But as your app grows: - permissions live in one place - feature flags in another - experiments somewhere else 👉...

Background When I was on maternity leave, I noticed a funny dynamic in our household. Like any expectant mother, I downloaded a bunch of pregnancy‑tracking app...

Routing in React has always felt either too simple or too complicated. Some routers are so minimal that you end up building everything yourself; others are over...

!Grafspee UI Toolkithttps://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazon...

Introduction Copying to the clipboard sounds simple… until you try to do it properly. Permissions, async APIs, browser quirks, and UI feedback quickly turn som...

Last week I opened a React component… and immediately closed it. Not because it was complex. But because it felt hostile. You know that feeling: the file keeps...

Introduction As frontend developers, we all love the idea of Progressive Web Apps PWAs. However, the initial setup can be tedious. Every time I start a new Rea...

The timestamp was updating. The AI recommendations kept coming in. Everything looked alive. But the sensor values hadn't moved in twenty minutes. That’s the kin...

Setting up Stripe Subscriptions in Next.js !huangyongshan46‑a11yhttps://media2.dev.to/dynamic/image/width=50,height=50,fit=cover,gravity=auto,format=auto/https...

Mar 23, 2026 — Pat Hartl Windows is in the news again. This time Microsoft has put out a standard corporate Our commitment to Windows qualityhttps://blogs.windo...

!Cover image for Your Next.js App Makes the Same Database Query 5 Times Per Page Loadhttps://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity...

The Problem with a Monolithic Context We put everything in one React context — streak, topic strengths, mistakes, quiz history, retry state, exam date, weekly...

markdown !Cover image for Stop Rewriting This React Form UX Logichttps://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/ht...

Introduction The tech industry thrives on innovation, yet behind every product and line of code lies a journey of growth, resilience, and learning. Over the pa...

The Story Behind Pepperminto-Enhanced 🍵 Background I’ve been learning React and came across Peppermint.sh, a solid open‑source ticket management system. A com...

!Cover image for I Finally Understood How to Pass Multiple Values in Redux Toolkit The Right Wayhttps://media2.dev.to/dynamic/image/width=1000,height=420,fit=co...

Summary A full‑featured, responsive barbershop website built with Next.js, React, TypeScript, Tailwind CSS, Firebase, and a collection of reusable UI component...

Hey developers! 👋 I’m sharing Curely, a free modern React landing page template built for mobile apps, SaaS products, and startups. It’s designed to help you l...

🎨 From Bias to Balance — A Frontend Story of Gender Equity 💡 Concept - Breaking systemic bias - Equity over equality - Rising together 🚀 Code javascript imp...

Overview If you've worked with React, you've likely seen the useMemo and useCallback hooks appear in code reviews and wondered whether you actually need them....

Introduction When I first started learning Redux, I thought the boilerplate was just how things worked. Managing a simple feature required: - Action types - Ac...

There are millions of Discord servers. Most of them are dead. Some are scams. A handful are genuinely great communities, but finding them is a nightmare I think...

markdown !Cover image for Building a Seamless JWT Onboarding Flow with React Router v7 and Djangohttps://media2.dev.to/dynamic/image/width=1000,height=420,fit=c...

Introduction Hey DEV community! 👋 I'm a student and this is my first ever full‑stack project — Blogify. It’s not hosted yet, and I’d love your honest feedback...

Introduction At Subito Italy's leading classifieds platform, we never paid much attention to how we made API calls in our web‑frontend microsites, all built on...

When starting a new Next.js project, a lot of time can be spent on setting up layouts, navigation, components, and folder structures. Using a well‑crafted templ...

GPU Flight Architecture Overview The previous post covered thread divergence at the SASS level. Before diving into other optimization strategies, it helps to r...

When a URL is entered in the browser, a series of behind‑the‑scenes operations determine how quickly and correctly the page appears. Understanding this flow hel...

React Hooks vs. Vue Composables React Hooks are functions prefixed with use that let React components manage state, side effects, and lifecycle behavior withou...

Project initialization Create a new Vite React‑TS project: bash npm create vite@latest my-app -- --template react-ts The command installs the dependencies auto...

TypeScript Discriminated Unions & Type Guards TypeScript is powerful because it helps us write safer code with strong type checking. One of the most useful pat...

Hey guys, state management in React can be a pain: Redux is heavy, Zustand too light, MobX has a learning curve. Today I'm sharing a balanced option: easy-model...

Modern browsers ship with powerful APIs for geolocation, clipboard access, fullscreen mode, network status, and more. Using them directly in React is harder tha...

About two years ago I posted PDFEquips on Hacker News and it hit the front page. The comments were fascinating—most of the discussion wasn’t about the tool itse...

!Cover image for I wrote an amazing React Bookhttps://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-...

Introduction I’m a self‑taught developer from Brazil, still learning and building things I actually want to use. After studying web development for a while, I...

Managing URL State in Next.js with nuqs Modern web applications often represent UI state in the URL, for example: - search filters - pagination - sorting - tab...

Problem A colleague helped identify a pattern that can be a foot‑gun. When a user opens mysite.com/?urlParam=foo, the app should load the correct FooComponent....