menu

Recent posts tagged react

Description for Tag: "react"

A JavaScript library for building user interfaces, especially for web applications.
Level UI • 21 hours • in Articles • 9 min read
An MCP server is not a new API. It is a thin layer over the one you already have
Somewhere in the last year, "do we need an MCP server?" joined the list of questions that arrive in a brief before anyone has said what the thing is for. It is usually framed as MCP vs API, as though the Model Context Protocol were a newer kind of AP...
post-cover-33074
  • ai
  • api
  • webdev
  • security
7 Reactions 7 Comments
Nick Fasulo • 28 minutes • in Articles • 2 min read
What I've Been Improving Behind the Scenes
Over the past few weeks, I've been spending more time refining Galaxy Movies rather than adding entirely new features. For anyone who hasn't come across it yet, Galaxy Movies is my movie and TV discovery project. It helps people find titles and chec...
post-cover-33205
  • nextjs
  • webdev
  • showdev
  • react
0 Reactions 0 Comments
Anas Sheikh • 1 day • in Articles • 4 min read
Stop Syncing State With useEffect: 4 Bugs That Disappear When You Delete the Effect
Here is a pattern I see in almost every React codebase I read: const fullName, setFullName = useState''; useEffect => { setFullNamefirstName + ' ' + lastName; }, firstName, lastName; It works. It also renders twice every time a name changes, sh...
  • javascript
  • react
  • typescript
  • webdevelopment
0 Reactions 0 Comments
saurav_tb_pandey • 1 day • in Articles • 3 min read
Mastering the Native Drag and Drop API in React
What is the Drag and Drop API? The Drag and Drop API is a built-in browser capability that allows web applications to make elements on a webpage interactive through dragging and dropping. Instead of forcing users to click buttons or select items fr...
  • draganddrop
  • javascript
  • react
  • webdev
0 Reactions 0 Comments
VEACESLAV • 1 day • in Articles • 6 min read
Redux Refactoring Playbook: From Action-Types Soup to RTK Query — Without Rewriting the App
Every React codebase of a certain age has one: the legacy Redux store. Hundreds of thunk actions, manually managed loading flags, per-feature cache invalidation, and a polling timer per data type pulling the full payload whether anything changed or n...
post-cover-32949
  • react
  • redux
  • typescript
  • performance
0 Reactions 0 Comments
Datalaria • 2 days • in Articles • 6 min read
LifeOps Project (Part 6): 360° Analytics Dashboard with Multi-Dimensional Filtering, Recharts and Co
In Part 5 of our engineering serieshttps://www.datalaria.com/en/posts/app-lifeopspart5deploymobilepwa/, we achieved a major milestone: deploying the entire LifeOps architecture 24/7 in production at zero cost $0/month by combining Netlify, Render, an...
post-cover-32785
  • react
  • webdev
  • analytics
  • dashboard
0 Reactions 0 Comments
Anas Sheikh • 3 days • in Articles • 4 min read
You Upgraded to Next.js 15 and Your Site Got Slower. The Caching Defaults Flipped
You upgrade from Next.js 14 to 15. The app compiles, the tests pass, nothing visibly breaks. A week later your database bill is higher, your pages feel slower, and your Time to First Byte graph has a step in it that lines up exactly with the deploy. ...
  • nextjs
  • react
  • webdev
  • performance
0 Reactions 0 Comments
Tom Smithverified • 17 hours • in Articles • 9 min read
Developer Weekly Briefing — October 30, 2026
Security dominated this week, but not in the usual way. Two active campaigns turned GitHub configuration files into attack surfaces. Researchers demonstrated that the built-in browsers inside AI coding tools can read your SSH keys. And at Oracle AI ...
post-cover-33104
  • agenticai
  • devsecops
  • github
  • localai
6 Reactions 3 Comments
Md Siddikur Rahaman • 4 days • in Articles • 16 min read
How to Build a Real Time Activity Log for Your Web App
Modern web applications generate a continuous stream of user activities. Users log in, update their profiles, create records, upload files, change permissions, and perform many other actions throughout the day. In a small application, tracking these ...
  • webdevelopment
  • python
  • react
5 Reactions 1 Comments
Md Siddikur Rahaman • 5 days • in Articles • 18 min read
Building a CSV Import and Export System for a Web Application
Modern web applications often need to handle large amounts of structured data. Whether you are building a customer relationship management CRM platform, an inventory management system, an employee dashboard, or an e-commerce application, users freque...
  • webdevelopment
  • python
  • react
4 Reactions 0 Comments
fazal_mansuri_ • 6 days • in Articles • 3 min read
Mastering React Performance: Optimizations That Actually Matter 🚀
Introduction React is a powerful JavaScript library, but as applications grow, performance bottlenecks can arise. Unnecessary re-renders, inefficient state management, and large bundle sizes can lead to slow applications. This guide covers practica...
  • react
  • frontend
  • software-development
  • performance
1 Reactions 2 Comments
Anas Sheikh • Oct 21 • in Articles • 4 min read
Your Next.js Dates Are Wrong for Half Your Users (and the Hydration Warning Is Only the Start)
You format a date in a component. It looks right on your laptop. Then a user in another country opens the page and either sees a console full of hydration errors, or worse, sees nothing wrong at all and reads the wrong time. I live in a timezone tha...
  • react
  • nextjs
  • javascript
  • webdev
0 Reactions 0 Comments
saurav_tb_pandey • Oct 20 • in Articles • 2 min read
Mastering the Critical Path in Performance Budgets for Faster React Apps
What is the Critical Path in Performance Budgets? A performance budget is a set of strict limits agreed upon by a web development team to cap resource sizes, file counts, or loading speeds. The critical path—often called the Critical Rendering Path...
  • performancebudgets
  • webdev
  • javascript
  • react
0 Reactions 0 Comments
wadethomasttverified • Oct 18 • in Articles • 6 min read
Build a Slide-In Mobile Menu in TanStack Start with Tailwind v4
A mobile menu that pops in and out works, but it feels unfinished. In this article we turn it into a drawer that slides in from the right with a fading backdrop, using only Tailwind classes and no animation library. We also keep it usable for keyboar...
post-cover-31644
  • tanstack
  • react
  • tailwindcss
  • webdev
1 Reactions 0 Comments
Anas Sheikh • Oct 18 • in Articles • 4 min read
Fix: useSearchParams() Should Be Wrapped in a Suspense Boundary (and Why It Only Breaks at Build
You add a small search box to your navbar. It reads the query string, so you reach for useSearchParams. Everything works in next dev. You push, the deploy fails, and the build log says: useSearchParams should be wrapped in a suspense boundary at pag...
  • nextjs
  • react
  • typescript
  • webdev-learning
0 Reactions 0 Comments
Anas Sheikh • Oct 17 • in Articles • 4 min read
Your Server Action Error Messages Vanish in Production, and Throwing Is the Wrong Tool
Here is a bug report you will eventually get: "The signup form told me what was wrong on your machine, but on the live site it just says something went wrong." Nothing is broken. Next.js is doing this on purpose. But the code that triggers it looks ...
  • nextjs
  • react
  • typescript
  • webdevelopment
0 Reactions 0 Comments
wadethomasttverified • Oct 15 • in Articles • 4 min read
Responsive Navigation in TanStack Start: Hamburger Menu and Desktop Navbar
A header that works on a phone and on a desktop is one of the first things every site needs. In this part of the TanStack Start Basics series, we'll build one with inline links on wide screens, a hamburger menu on small ones, and a few accessibility ...
post-cover-31251
  • tanstack
  • react
  • tailwindcss
  • webdev
3 Reactions 2 Comments
Anas Sheikh • Oct 15 • in Articles • 3 min read
Why Your Tailwind Classes Work in Development and Silently Vanish in Production
Almost every Tailwind developer hits this exact bug once, usually right after a deploy, and the confusing part is that nothing about it looks wrong in the code, nothing throws an error, and it worked completely fine five minutes earlier on the same m...
  • tailwindcss
  • nextjs
  • react
  • webdev
3 Reactions 0 Comments
Anas Sheikh • Oct 14 • in Articles • 4 min read
Your Next.js Page Might Be Caching One User's Data and Serving It to Everyone Else
This is the kind of bug that goes from "works perfectly in every test" to "actively leaking one customer's data to another customer" without a single code change in between, purely because of how caching and personalization interact in a way that isn...
  • security
  • webdev
  • react
  • nextjs
0 Reactions 1 Comments
saurav_tb_pandey • Oct 12 • in Articles • 3 min read
Isolate to Elevate: Why Component Testing in Isolation Saves Your Codebase
Isolate to Elevate: Why Component Testing in Isolation Saves Your Codebase Component testing in isolation is a software verification strategy where an individual piece of an application—such as a button, user profile card, or navigation bar—is eval...
  • componenttesting
  • react
  • testing
  • webdev
3 Reactions 5 Comments
senthilkumar979 • Oct 11 • in Articles • 5 min read
https://dev.to/senthil_kumar_b6b9dcdaa4e/stop-rewriting-browser-fingerprinting-logic-in-react-meet-u
Stop Rewriting Browser Fingerprinting Logic in React: Meet useFingerprint Browser fingerprinting is an interesting technique for understanding whether multiple browser visits might come from the same browser environment. But if you're building Reac...
post-cover-30747
  • react
2 Reactions 0 Comments
Alaa Samy • Oct 11 • in Tutorials • 6 min read
🔥 30 Days of Frontend — Day 4: Memoization in React
Have you ever looked at a React component and thought: “Maybe I should wrap this function with useCallback, this calculation with useMemo, and the component with React.memo?” You're not alone. Memoization is one of the most frequently discussed Re...
post-cover-30728
  • react
  • javascript
  • frontenddevelopment
  • performance
6 Reactions 1 Comments
Page:
chevron_left
🔥 296 posts • 👩‍💻 152 active writers
✨ Want to write in this topic?
Share your learning. Get discovered. Build your profile.
Join CoderLegion
💡 Why developers use CoderLegion
Track learning • Share posts • Get ranked publicly
Create your profile