How to Build a JavaScript Framework
"Framework" is one of those words that sounds heavier than it is. Say it out loud and a whole vocabulary comes tumbling after: components, state, rend…
Latest News
⚑ Report a ProblemTech news from the best sources
All topics
- игры
AI
Gear
News
Tech
agents
ai
api
architecture
automation
beginners
career
claude
devchallenge
devops
javascript
llm
machinelearning
mcp
opensource
performance
productivity
programming
python
react
security
showdev
tutorial
typescript
webdev
Add Arrow-Key Shortcuts to a Confirmation Dialog Without Breaking Accessibility
Two buttons in a confirmation dialog look simple: Cancel and Confirm. Keyboard behavior makes the component a small state machine. A recent MonkeyCode…
Query, Mutation, and Stream Are Not the Same Kind of Async Work
In the previous article, I discussed a common but dangerous oversimplification: Async work should not be reduced to Promise.resolve() followed by setS…
Ng-News 26/17: PrimeNG's New Licensing, and A2UI for Angular
PrimeNG's new licensing model and A2UI for model-controlled Angular interfaces are the headline topics this week. Also in brief: OpenNG's community fo…
Make a Real-Time Transit Map Useful Without the Map
A voxel Tokyo synchronized to real-world time is trending today. The visual experience is delightful, but the underlying transit state should remain u…
Жизненный цикл API-токенов: От генерации до компрометации
JWT не защищает от кражи. Подпись гарантирует, что токен не подделан, но не мешает злоумышленнику использовать его, если тот оказался в чужих руках. В…
Refresh Tokens on the Frontend: Architecture & Implementation
Introduction Modern SPAs (React, Vue, Next.js, etc.) often rely on JWT-based authentication . After login, the server issues two tokens: Access Token …
Your dropdown is a div. The browser has a native popover now.
You've written some version of this before: function toggleMenu () { setOpen ( prev => ! prev ); } useEffect (() => { const handler = ( e ) =>…
Managing Dependencies in Legacy Front-end Projects: A Practical Guide to Cleaning Up a Messy package.json
A practical walkthrough of auditing, updating, and replacing dependencies using Yarn . Front-end projects rarely become hard to maintain overnight. In…
Common Problems in AI-Generated Frontend Code and How to Avoid Them
Over the last year, I’ve reviewed about a dozen projects where AI was used heavily in development. These were real products with real users, built fas…
Tailwind CSS v4: What Actually Changed and How I Migrated Two Projects
Headline: Tailwind v4 is the most significant rewrite since the framework launched — CSS-first config, Lightning CSS under the hood, container queries…
Why I Still Test In Safari First (And The Bugs It Catches Early)
Yes, I Still Open Safari First I build and test new frontend work in Safari first. On purpose. Repeatedly. Sober. I know that sounds backwards. Everyo…
How I Kept a Live Chat Feed Smooth at 3,700+ Messages
I built LiveShop , a mini live-shopping stream UI, to answer a question I kept running into as a frontend-curious grad: tutorials teach you how to ren…
Managing Focus in Angular: Dialogs, Drawers and Route Changes Without Stranding Your Users
Every accessibility checklist mentions focus management, and then moves on — as if it were one item. It isn't. It's a discipline, and it's the single …
Launching my Dev journey
Hello everyone! I am Ishika Pandey, a 2nd-year engineering student, having just wrapped up my first year, and I'm incredibly excited to finally join a…
A Free CBT Equation Editor for Math & Chemistry
While building a Computer-Based Testing (CBT) platform, I ran into an unexpected problem. Creating mathematics and chemistry questions wasn't nearly a…
Day 124 of Learning MERN Stack
Hello Dev Community! 👋 It is officially Day 124 of my software engineering marathon! Today, I achieved a massive structural milestone by building a fu…
Understanding React DOM: The Bridge Between React and the Browser
Understanding React DOM: The Bridge Between React and the Browser If you've worked with React, you've probably used ReactDOM many times. But what exac…
[Перевод] Вышел TypScript 7.0
Сегодня мы с гордостью объявляем о выходе TypeScript 7 — нативной версии TypeScript, которая работает в 10 раз быстрее! С самых первых дней TypeScript…
Обзор библиотеки pravosleva/reactive-engine: Создаем предсказуемый реактивный граф вычислений
В современной фронтенд-разработке реактивность стала стандартом дефакто. Мы привыкли к ней в Vue, React (если через хуки/стейт - здесь появляется спор…
Day 115 of Learning MERN Stack
Hello Dev Community! 👋 It is officially Day 115 of my software engineering marathon! Today, I achieved a major milestone in my React.js transition . I…
JSX для Go: как маленькая разметка потянула за собой рантайм, компилятор и кучу компромиссов
Я не начинал с идеи написать «убийцу JavaScript». Честно говоря, такие заявления обычно только мешают думать. Сначала была гораздо боле…
This post shares a real accessibility case study from NASA.gov showing how one shared UI component resulted in 25 WCAG violations. It highlights why repeated implementation patterns matter and how fixing a single component can eliminate dozens of issues.
One Component, 25 Accessibility Violations: A Real Example from NASA.gov Olesya Boyarshinova Olesya Boyarshinova Olesya Boyarshinova Follow Jul 9 One …
Closures and Scope in JavaScript: Lexical Scope, Closures, and IIFE Explained
When learning JavaScript, one of the most important — and sometimes confusing — concepts you’ll encounter is scope and how it interacts with closures.…
Frontend CTF, или Как связаны Мона Лиза и искусственный интеллект
Привет, Хабр! Меня зовут Никита, и я один из тех, кто каждый год делает Frontend CTF в рамках конференции «Я 💛 Фронтенд». Сегодня хочу с вами поделить…
Mid level Developer trying to transition into a Senior one.
Hi guys I'm a software developer front-end i have two years of experience in the field of development. Now I want to level up my game I genuinely want…
Stop API Spam: Debouncing React Inputs ⚡
The Live Search DDoS Live search inputs are a staple of modern B2B dashboards at Smart Tech Devs. As the user types into the "Find Client" box, the da…
Building Better Front-End Code with Modern Web Guidance
AI is becoming a powerful part of modern software development. But I've realized that getting high-quality code isn't just about writing better prompt…
The Hidden Cost of Object Spread
One of the most common pieces of JavaScript you'll find in modern codebases looks like this: const nextState = { ... state , count : state . count + 1…
Is TypeScript worth it?
Here's the straight answer: for anything beyond a throwaway script or a tiny prototype, TypeScript is worth it. The costs are real but front-loaded an…