Tech Skills

Frontend Engineering

HTML, CSS, JavaScript, React, Next.js, performance and modern web development

11,143
lessons
Skills in this topic
View full skill map →
HTML & CSS
beginner
Build a responsive layout with CSS Grid and Flexbox
JavaScript Fundamentals
beginner
Write async code with Promises and async/await
React
intermediate
Build a data-fetching app with useEffect and useState
Frontend Performance
intermediate
Achieve a 90+ Lighthouse score
Modern Frontend Stack
advanced
Build a Next.js app with SSR and ISR
All Reads (3,356) Articles (376)Blog Posts (2768)Tutorials (93)Research Papers (1)News (118)
Frontend Interview Guide: Understanding Every Rendering Strategy
Dev.to · Rahul Sharma 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Frontend Interview Guide: Understanding Every Rendering Strategy
As frontend developers our main job seems easy: Fetch data render components and show information...
⚛️ React 19 + FontAwesome = broken? Here's why and how to fix it. 🧵
Dev.to · Athira P S 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
⚛️ React 19 + FontAwesome = broken? Here's why and how to fix it. 🧵
I ran into this while building an HR software project with React 19, Vite, Node.js and MongoDB. 🔴...
Defensive React: Sandboxing Third-Party UI Components ⚡
Dev.to · Prajapati Paresh 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Defensive React: Sandboxing Third-Party UI Components ⚡
The Supply Chain UI Liability Modern B2B SaaS development requires incorporating external code...
Rendering 10,000 Rows in Vue Without Freezing the Browser — A Practical Guide
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Rendering 10,000 Rows in Vue Without Freezing the Browser — A Practical Guide
Virtual scrolling, windowing with vue-virtual-scroller, pagination that doesn’t feel like pagination, Web Workers for data processing, and… Continue reading on
From Axios to alova: how we cut 80 lines to 5
Dev.to · Scott Hu 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
From Axios to alova: how we cut 80 lines to 5
Frontend request code often involves repetitive state management. This article compares Axios and...
Building a Keyboard-First Command Palette in the Frontend
Dev.to · Rizwan Saleem 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Building a Keyboard-First Command Palette in the Frontend
Building a Keyboard-First Command Palette in the Frontend Building a...
I built a free CSS Mobile-First Converter
Dev.to · harminder singh 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I built a free CSS Mobile-First Converter
How I Built a Free CSS Mobile-First Converter Tool (And Why Every Developer Needs...
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Newbie teacher in search for a way to make my html page into an easy to use app.
Hello everyone! I want to preface this by saying, I know almost nothing about coding. I'm just an English teacher who loves to make custom materials for other t
Lottie Animations in Remix: A Complete Guide
Dev.to · Fazal Shah 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Lottie Animations in Remix: A Complete Guide
Remix's SSR-first model means Lottie needs careful handling — it relies on browser APIs that don't...
Vendor Chunking: The React Optimization I Wish I'd Known Earlier
Dev.to · Shubham Ram 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Vendor Chunking: The React Optimization I Wish I'd Known Earlier
I ignored my bundle size for months. By the time I checked, my production build was several megabytes...
Micro-Frontends, One Year On: The Workarounds That Made Single-SPA Reliable for Us
Dev.to · Hamed Farag 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Micro-Frontends, One Year On: The Workarounds That Made Single-SPA Reliable for Us
A year ago, I wrote about our first year with micro-frontends. It was a frank retrospective: the win...
Vue Teleport component React: How does VuReact convert it?
Dev.to · Ryan John 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Vue Teleport component React: How does VuReact convert it?
VuReact is a compiler toolchain for migrating from Vue to React — and for writing React with Vue 3...
Kicking a dead horse at the speed of light doesn’t make it run.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Kicking a dead horse at the speed of light doesn’t make it run.
Let’s be honest. The frontend community has a new silver bullet, and it’s called Rust. Continue reading on Medium »
Why your React tournament bracket breaks in Safari (and a 4 KB pure-CSS fix)
Dev.to · Hojayfa Rahman 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Why your React tournament bracket breaks in Safari (and a 4 KB pure-CSS fix)
You build a tournament bracket with a popular React library. In Chrome it's perfect — neat columns,...
Why Your Next.js 15 App Is Still Slow (And How to Fix React 19 Hydration Lag)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Why Your Next.js 15 App Is Still Slow (And How to Fix React 19 Hydration Lag)
A team upgraded to Next.js 15 and React 19, enabled the React Compiler, and expected Lighthouse scores to magically improve. Continue reading on Medium »
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
What's next after FreeCodeCamp?
Hi everyone, so I am doing Python and JavaScript (I know some C too) on FreeCodeCamp and simultaneously will do the Front End Development, Relational Database a
I built a Harry Potter Wordle as a side project (for fun)
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I built a Harry Potter Wordle as a side project (for fun)
Hey! I'm a programming student from Spain and since Ja
Why I Built 5 Dark-Mode SaaS Templates Using Raw HTML & CSS (No Bloated Frameworks)
Dev.to · Jay Vakharia 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Why I Built 5 Dark-Mode SaaS Templates Using Raw HTML & CSS (No Bloated Frameworks)
Hey fellow devs! 👋 Lately, I’ve noticed a frustrating trend in the SaaS community. Solo founders are...
What is the DOM? — A Second Year CS Student Finally Gets It
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
What is the DOM? — A Second Year CS Student Finally Gets It
I’ll be honest with you. Continue reading on Medium »
CSS @function
Dev.to · Koushik Radhakrishnan 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
CSS @function
CSS just got its biggest quality-of-life upgrade since custom properties. For years, if you wanted...
How to manage state in modern frontend applications: a practical guide
Dev.to · Rizwan Saleem 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How to manage state in modern frontend applications: a practical guide
How to manage state in modern frontend applications: a practical guide Frontend state...
I Built a Tiny Skeleton Loader for React
Dev.to · Joodi 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I Built a Tiny Skeleton Loader for React
Every time I started a new React or Next.js project, I found myself writing the same...
CSS in 2026: Modern Techniques You Might Not Know (2026)
Dev.to · Alex Chen 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
CSS in 2026: Modern Techniques You Might Not Know (2026)
CSS in 2026: Modern Techniques You Might Not Know (2026) CSS has evolved massively. Here...
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How To: Re-engineer <details><summary> element to create pagination type layouts - walkthru pages/guides, etc...
This requires both CSS and JS, but is otherwise fairly lightweight and minimal. You can see the effect in action here: https://stephenmthomas.github.io/ico2go/
I don't want to write HTML or fight global CSS, so I built a TypeScript DSL
Dev.to · kazuyuki shimizu 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I don't want to write HTML or fight global CSS, so I built a TypeScript DSL
TL;DR I got tired of writing HTML and chasing global CSS rules. I had a hunch: what if you...
Web Development Summer Training 2026 — Registration Open
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Web Development Summer Training 2026 — Registration Open
Are you a student looking to start your journey in web development? Continue reading on Medium »
date-light: A 1.8KB Alternative to date-fns You Might Actually Like
Dev.to · 날다람쥐 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
date-light: A 1.8KB Alternative to date-fns You Might Actually Like
If you've ever shipped a frontend app and watched your bundle bloat because of date utilities, you're...
Dari Axios ke Fetch API: Mana yang Sebaiknya Dipilih?
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Dari Axios ke Fetch API: Mana yang Sebaiknya Dipilih?
Selama belajar React dan membangun beberapa aplikasi web, Axios hampir selalu menjadi pilihan utama saya untuk melakukan HTTP request… Continue reading on Mediu
How to manage state in modern frontend applications — a practical guide
Dev.to · Rizwan Saleem 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How to manage state in modern frontend applications — a practical guide
How to manage state in modern frontend applications — a practical guide Frontend...
Bad apple but... in the devtool console with actually images
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Bad apple but... in the devtool console with actually images
I’ve added an Easter egg to my portfolio. I wanted to
From Zero to Web Developer in 6 Months: A Complete Beginner’s
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
From Zero to Web Developer in 6 Months: A Complete Beginner’s
The demand for web developers continues to grow as businesses increasingly rely on websites, web applications, and digital platforms. Many… Continue reading on
Use Navigate & BrowserRouter
Dev.to · ViGnEsH 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Use Navigate & BrowserRouter
May 30 2026 import { BrowserRouter, Link, Route, Routes } from "react-router-dom"; import About...
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
CSS Optimization Tips to Improve Website Performance
When people think about website performance, they usually focus on JavaScript optimization, image compression, or server speed. Continue reading on Medium »
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
GitHub Pages & React Vite SPA routing issues: I'm considering SSG (like Docusaurus) but keep failing
Hello everyone, I’m trying to host a React (Vite) app on GitHub Pages and keep running into the classic SPA routing problem. Repo: [Img2Num GitHub repo]( https:
Dev.to AI 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Frontend performance engineering in the AI era
Frontend performance engineering in the AI era Frontend performance engineering in 2026 is less about “making the page faster” and more about designing systems
Server-first frontend architecture shift most teams missed
Dev.to · Rizwan Saleem 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Server-first frontend architecture shift most teams missed
Server-first frontend architecture shift most teams missed Server-First Frontend...
Next.js Server and Client Boundaries Are Product Decisions, Not Just Framework Details
Dev.to · Rizwan Saleem 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Next.js Server and Client Boundaries Are Product Decisions, Not Just Framework Details
Next.js Server and Client Boundaries Are Product Decisions, Not Just Framework Details One...
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Which other frontend frameworks and backend frameworks should I use for websites
Long hiatus from programming, and have zero skills on programming for desktop platform because my final college project went into mobile development - Android S
TypeScript and frontend forms: small details that build user trust | Rizwan Saleem
Dev.to · Rizwan Saleem 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
TypeScript and frontend forms: small details that build user trust | Rizwan Saleem
TypeScript and frontend forms: small details that build user trust A form is one of the...
How I Beat Three Card Monte Three Times in a Row
Medium · AI 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How I Beat Three Card Monte Three Times in a Row
Exploiting React Internal State to Always Find the Queen Continue reading on Medium »
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
PreviewKit — Instantly Preview JSX, TSX, Vue and Frontend Files on Windows
Modern AI tools are changing the way developers build frontend applications. Today, tools like ChatGPT, Claude, and other AI coding… Continue reading on Medium
How to Test Frontend Error States Without Breaking Your Backend
Dev.to · Kudasov Dmitriy 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How to Test Frontend Error States Without Breaking Your Backend
Frontend teams are usually pretty good at testing the happy path. The API returns 200. The response...
KAlert.js v2.0.0
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
KAlert.js v2.0.0
I upgraded KAlert.js to match the same modern dialog experience as KAlertDialog for Android and KAlertFlutter for Flutter. Continue reading on Medium »
I Spent 3 Hours Debugging a CSS Selector. Then I Found a Better Way.
Dev.to · 许映洲 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I Spent 3 Hours Debugging a CSS Selector. Then I Found a Better Way.
I Spent 3 Hours Debugging a CSS Selector. Then I Found a Better Way. Last Tuesday I needed...
The Angular @switch Upgrades You Should Know About
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The Angular @switch Upgrades You Should Know About
Angular @switch blocks recently got safer, cleaner, and a lot more useful. Continue reading on Medium »
What really happens when React re-renders a component?
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
What really happens when React re-renders a component?
Hint: it’s not what most developers think — and the gap between myth and reality is where performance bugs live. Continue reading on Medium »
How I built a hyper-fast, zero-dependency World Clock using the native Intl API
Dev.to · ludy.dev 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How I built a hyper-fast, zero-dependency World Clock using the native Intl API
By relying on Intl.DateTimeFormat, the application dynamically adapts to any valid IANA timezone...
How I Learned React.js Faster Than 90% of Developers (Without Burning Out)
Medium · DevOps 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How I Learned React.js Faster Than 90% of Developers (Without Burning Out)
I stopped following the “learn everything” advice and focused on what actually helped me build real skills. Continue reading on Medium »