Frontend Web

Frameworks, SSR/SSG, CSS, design systems, accessibility, and performance budgets.

  • 7 Subtopics
  • 9 Tracked terms
  • Last 30 days Feed window

Inside Frontend Web

What this topic collects on

An article joins this feed when it matches these terms. Each one is also a search of its own.

Latest in Frontend Web


dev.to > dhruv056 > structuring-a-lightweight-react-kanban-ui-vanilla-css-vite-4kpc

Structuring a Lightweight React Kanban UI (Vanilla CSS & Vite)

55+ min ago   (459+ words) When building internal tools or dashboard prototypes, it can be tempting to immediately install heavy component libraries like Material-UI or Ant Design. While these libraries are powerful, for many early-stage prototypes a lightweight setup using Vite, React, and Vanilla CSS…...


dev.to > zeroiou > why-svg-exports-look-blurry-a-practical-png-checklist-3f59

Why SVG exports look blurry: a practical PNG checklist

1+ hour, 24+ min ago   (268+ words) SVG is resolution-independent, but the PNG you export from it is not. If an icon looks soft in a slide, email, or app store screenshot, the problem is often the export size rather than the SVG file. Decide where the…...


medium.com > @connect2syam > internationalization-i18n-in-next-js-app-router-9f687221d7dd

Internationalization (i18n) in Next.js App Router

4+ min ago   (29+ words) Adding a second language to a Next.js App Router project is straightforward once you understand the routing pattern — the tricky parts are usually …...


dev.to > abanoubkerols > redux-explained-concepts-architecture-examples-and-real-world-patterns-3n6k

Redux Explained: Concepts, Architecture, Examples, and Real-World Patterns

5+ hour, 47+ min ago   (594+ words) Redux is more than a state management library. It is a predictable architecture for managing... Tagged with architecture, frontend, javascript, react....


dev.to > io64bit > i-built-a-browser-based-vector-editor-without-ai-1di9

I built a browser-based vector editor without AI

6+ hour, 1+ min ago   (26+ words) I wanted a vector editor that I could open in my browser and just use. No AI generating things for... Tagged with design, graphics, webassembly, webdev....


dev.to > cdwm > youtubes-webp-thumbnails-are-half-the-bytes-of-the-jpeg-at-1280x720-at-480x360-they-are-often-6hl

YouTube's WebP thumbnails are half the bytes of the JPEG at 1280x720. At 480x360 they are often bigger. 1,000 videos measured.

6+ hour, 41+ min ago   (631+ words) So I measured it. Short version: WebP is about half the bytes at 1280x720 and 640x480. At 480x360, the size most embeds and players actually use, WebP is the heavier file for 56% of recent uploads and 72% of videos uploaded in 2026. For each video…...


dev.to > usmanfarooqi88 > what-i-learned-building-a-figma-react-design-system-with-a-registry-and-local-guard-1gk9

What I Learned Building a Figma ↔ React Design System with a Registry and Local Guard

6+ hour, 37+ min ago   (135+ words) I’ve been building Skrewww, a design system that lives across Figma and React. At first, the goal sounded straightforward: Keep the Figma library and the React implementation in sync. In practice, that quickly turned into a much bigger systems problem....


stacker.news > items > 1580470

Converting React / Vite Website to Mobile App \ stacker news

8+ hour, 15+ min ago   (121+ words) Sup Stackers! Have any of you all ever tried converting a React website to a mobile app? Preferably: React app -> React Native for IOS and Android so there's one less codebase to maintain. Ideally like a tool that does this…...


dev.to > alaa-samy > 30-days-of-frontend-day-1-37d7

🔥 30 Days of Frontend - Day 1

9+ hour ago   (206+ words) When state changes, many developers think: That's a useful simplified model, but there's more happening in between. A better mental model is: The state update tells React that the component needs to be rendered again. React calls the component function…...


dev.to > svgicons > one-icon-catalog-many-delivery-surfaces-157j

One Icon Catalog, Many Delivery Surfaces

9+ hour, 3+ min ago   (434+ words) An icon system can have many versions. Your React package may be 3.4.1. Your Vue package may be 2.8.0. Your CLI may be 1.6.2. That is not a problem. The problem starts when they no longer expose the same icon catalog. Software packages…...