Tech Skills

Frontend Engineering

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

840
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

Showing 126 reads from curated sources

How I Added Pre-Rendering to a Vite Multi-Page App Without SSR
Dev.to · Bright Agbomado 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
How I Added Pre-Rendering to a Vite Multi-Page App Without SSR
I run RelahConvert, an online file conversion site with 50+ tools across 25 languages. Last week I...
TIL canvas.captureStream() is video-only — here's how I mixed voiceover + music into a MediaRecorder export" published: true
Dev.to · Robert Corn 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
TIL canvas.captureStream() is video-only — here's how I mixed voiceover + music into a MediaRecorder export" published: true
TL;DR — canvas.captureStream() only carries video tracks. To get audio into your MediaRecorder export...
Evolusi Frontend dan Standar Web: Apa yang Berubah dan Kenapa Itu Penting?
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Evolusi Frontend dan Standar Web: Apa yang Berubah dan Kenapa Itu Penting?
Halo, saya Anjas Rani. Kalau kamu mengikuti perkembangan frontend beberapa tahun terakhir, kamu pasti sadar satu hal: Continue reading on Medium »
Evolusi Frontend dan Standar Web: Apa yang Berubah dan Kenapa Itu Penting?
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Evolusi Frontend dan Standar Web: Apa yang Berubah dan Kenapa Itu Penting?
Halo, saya Anjas Rani. Kalau kamu mengikuti perkembangan frontend beberapa tahun terakhir, kamu pasti sadar satu hal: Continue reading on Medium »
GlueZero: from glue-code to governed frontend flows
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
GlueZero: from glue-code to governed frontend flows
How a browser-side orchestration runtime addresses one of the most underestimated problems in modular applications: integration Continue reading on Medium »
@supports Lies: When CSS Says 'Yes' but Browsers Say 'LOL No'
Dev.to · Alvaro Montoro 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
@supports Lies: When CSS Says 'Yes' but Browsers Say 'LOL No'
CSS treats @supports as context-blind, and that leads to surprising (and misleading) behavior in real browsers.
Frontend Basics That Break Real Websites and How to Fix Them
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Frontend Basics That Break Real Websites and How to Fix Them
A practical beginner-friendly guide to fixing common HTML, CSS, JavaScript, Local Storage, and GitHub Pages mistakes. Continue reading on Medium »
Medium · SEO 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
How we cut a React app’s main bundle by 5.7x without leaving Vite (no Next.js needed)
How we cut a React app’s main bundle by 5.7x without leaving Vite (no Next.js needed) Continue reading on Medium »
React Form Handling: Debounced Validation, Auto-Save Drafts, and Controlled Inputs
Dev.to · reactuse.com 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
React Form Handling: Debounced Validation, Auto-Save Drafts, and Controlled Inputs
React Form Handling: Debounced Validation, Auto-Save Drafts, and Controlled Inputs Forms...
You’ve Been Writing Vue Components Wrong (And Here’s the Proof)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
You’ve Been Writing Vue Components Wrong (And Here’s the Proof)
Massive components, reactive data you don’t need, watchers where computed props belong, v-if on the wrong element — a brutally honest… Continue reading on Mediu
The Ultimate Showdown the security of React Server Components and Remix 3: What Matters
Dev.to · ANKUSH CHOUDHARY JOHAL 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
The Ultimate Showdown the security of React Server Components and Remix 3: What Matters
The Ultimate Showdown: React Server Components vs Remix 3 Security – What Matters Modern...
Unlock Modern Web Experiences with Professional React JS Development Services
Medium · AI 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Unlock Modern Web Experiences with Professional React JS Development Services
To stay competitive in the modern global digitalized environment, an organization must offer high functionality, interactive, and smooth… Continue reading on Fr
React Hooks Explained So Simply Even a 10-Year-Old Can Understand
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
React Hooks Explained So Simply Even a 10-Year-Old Can Understand
A beginner-friendly guide to understanding useState and useEffect without confusing technical jargon. Continue reading on Medium »
To Do List Project Using Html,Css and Javascript
Dev.to · Deva I 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
To Do List Project Using Html,Css and Javascript
HTML CODE : . JAVASCRIPT : CSS : OUTPUT :
JS fetch()
Dev.to · Nanthini Ammu 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
JS fetch()
What is fetch(): fetch() is a built-in function used to make network/HTTP requests. It...
✨ One HTML file. No backend. No sign-up. Your data never leaves your browser.
Dev.to · Balaji K 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
✨ One HTML file. No backend. No sign-up. Your data never leaves your browser.
But here's what makes it different from the 50 other trackers out there: → Real-time broker sync for...
Rendering Is a Browser Decision, Not a JavaScript One
Dev.to · Marsha Teo 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Rendering Is a Browser Decision, Not a JavaScript One
This is the fifth article in a series on how JavaScript actually runs. You can read the full series...
Why Most React Infinite Scroll Hooks Fail in Production (and the One That Fixed It for Me)
Dev.to · Shubhra Pokhariya 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Why Most React Infinite Scroll Hooks Fail in Production (and the One That Fixed It for Me)
I used to believe infinite scroll was one of the simplest features to implement. Fetch data → append...
Micro-Frontends: The Complete Architecture Guide for 2026
Dev.to · Mahdi BEN RHOUMA 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Micro-Frontends: The Complete Architecture Guide for 2026
Master micro-frontend architecture with Module Federation, single-spa, and modern deployment strategies. Real-world examples and best practices included.
Vue Composables: The Pattern That Replaced Mixins Forever
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Vue Composables: The Pattern That Replaced Mixins Forever
Mixins are gone. Composables are how Vue 3 shares logic — reusable, testable, and fully typed. Here’s how to write composables properly… Continue reading on Med
ReactJs Performance ~ Tree Shaking and Bundle Analysis ~
Dev.to · Ogasawara Kakeru 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
ReactJs Performance ~ Tree Shaking and Bundle Analysis ~
Reduce Your Bundle Size with Effective Tree Shaking Modern JavaScript bundlers are...
We Ditched TypeScript 5.5 for ReScript 11.0 and Cut Our Frontend Bugs 40%
Dev.to · ANKUSH CHOUDHARY JOHAL 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
We Ditched TypeScript 5.5 for ReScript 11.0 and Cut Our Frontend Bugs 40%
In Q3 2024, our 12-person frontend team at a Series C fintech startup tracked 142 critical production...
HTML5 Audio Tag for Beginners: 5 Simple Hacks
Dev.to · Drive Coding 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
HTML5 Audio Tag for Beginners: 5 Simple Hacks
TL;DR The HTML5 audio tag lets you add sound to any webpage without installing a single...
War Story: How a React 19 Open Source Contribution Got Me Headhunted by Meta in Q1 2026
Dev.to · ANKUSH CHOUDHARY JOHAL 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
War Story: How a React 19 Open Source Contribution Got Me Headhunted by Meta in Q1 2026
In Q1 2026, I merged a 142-line patch to React 19’s concurrent rendering scheduler that eliminated...
How to Build a Drag-and-Drop File Dropzone in React & Next.js (With Tailwind CSS) — Line by Line
Dev.to · Muhammad Hamid Raza 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How to Build a Drag-and-Drop File Dropzone in React & Next.js (With Tailwind CSS) — Line by Line
Ever tried to upload a file on a website and the experience felt like dragging a suitcase up a broken...
Impact Analytics Frontend Interview Experience | Senior Software Engineer
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Impact Analytics Frontend Interview Experience | Senior Software Engineer
Role: Senior Software Developer — Frontend Experience Level: Mid to Senior Interview Process: 4 Rounds + Take-Home Test Verdict: Offer… Continue reading on Fron
How I Built Expiring Links With Zero Backend (React + TypeScript Only)
Dev.to · Umair Shakoor 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How I Built Expiring Links With Zero Backend (React + TypeScript Only)
Most "expiring link" tools work the same way: generate a link, store the destination and expiry in a...
Vue vs. React: Which JavaScript UI framework is best?
Dev.to · Hugo Naili 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Vue vs. React: Which JavaScript UI framework is best?
Choosing the right UI framework can make a big difference to your project's success. Vue and React...
You Might Not Need a Framework: Building Modern Web Apps with Vanilla JavaScript
Dev.to · Abanoub Kerols 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
You Might Not Need a Framework: Building Modern Web Apps with Vanilla JavaScript
In today's frontend world, it's easy to reach for React, Vue, or Svelte the moment a project needs...
29 React Codebase Mistakes That Quietly Kill Your App
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
29 React Codebase Mistakes That Quietly Kill Your App
Spot them early. Fix them before they spread. Continue reading on Let’s Code Future »
29 React Codebase Mistakes That Quietly Kill Your App
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
29 React Codebase Mistakes That Quietly Kill Your App
Spot them early. Fix them before they spread. Continue reading on Medium »
Learn React 2026 Roadmap: Skills, Projects, Stack
Dev.to · Juan Diego Isaza A. 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Learn React 2026 Roadmap: Skills, Projects, Stack
Learn React 2026 roadmap: fundamentals, TypeScript, Next.js, testing, and portfolio projects. A practical 12-week plan for online learners.
Rippling Frontend Interview Experience | Senior Software Engineer
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Rippling Frontend Interview Experience | Senior Software Engineer
All about the rippling frontend interview experience. Continue reading on Frontend Army »
Dev.to AI 🌐 Frontend Engineering ⚡ AI Lesson 4w ago
Next.js vs Vite in 2026: What you should actually use
Next.js vs Vite in 2026: What You Should Actually Use The JavaScript ecosystem continues evolving rapidly, and by 2026, both Next.js and Vite have matured signi
Vue 3 Google Login in 5 Minutes (Simple & Clean Integration)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4w ago
Vue 3 Google Login in 5 Minutes (Simple & Clean Integration)
Adding Google login to a Vue 3 app sounds easy… until you deal with OAuth setup and SDK loading. Continue reading on Medium »
The 2026 Frontend Framework Guide Nobody Asked For (But Everyone Needs)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The 2026 Frontend Framework Guide Nobody Asked For (But Everyone Needs)
The short version: React dominates the job market. Vue is the easiest to learn. Angular made a serious comeback. Svelte is what devs love… Continue reading on J
Why TSRX Gives Me PHP Flashbacks
Dev.to · Alex Saft 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Why TSRX Gives Me PHP Flashbacks
For the past few days, the frontend community has been buzzing about a potential successor to JSX:...
Frontend vs Backend: What Should You Learn First?
Dev.to · Pixel Mosaic 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Frontend vs Backend: What Should You Learn First?
If you’re trying to decide between frontend and backend development, “what to learn first” doesn’t...
I built a game where every word you type blooms into a flower 🌸 (Vanilla JS, no frameworks)
Dev.to · DAVID MPANGALA 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I built a game where every word you type blooms into a flower 🌸 (Vanilla JS, no frameworks)
🌸 I built something I've never seen before — and I think you'll love it. Introducing MindBloom — a...
How to ship a real WebApp in one HTML File. No backend, but fully interactive, and shareable.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How to ship a real WebApp in one HTML File. No backend, but fully interactive, and shareable.
Old-timer tricks for zero-backend apps that a web newbie can learn in an afternoon. Continue reading on Medium »
I Built 25+ Free Tools for Developers (No Signup Required) 🚀
Dev.to · Ashish | Devpalettes 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I Built 25+ Free Tools for Developers (No Signup Required) 🚀
I Built 25+ Free Tools for Developers (No Signup Required) 🚀 As a developer, I kept...
Mastering Your Frontend Build with Bazel: Consolidating Tests
Dev.to · Matti Bar-Zeev 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Mastering Your Frontend Build with Bazel: Consolidating Tests
In my previous post I consolidated the lint setup across all 7 packages in the Pedalboard monorepo....
Why I spent years trying to make CSS states predictable
Dev.to · Andrey Yamanov 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Why I spent years trying to make CSS states predictable
Have you ever changed the order of two CSS rules and broken a component without changing the...
11 Things CSS Does Better Than JavaScript
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
11 Things CSS Does Better Than JavaScript
You spent three days debugging a tooltip that flickered on rapid mouse movement. Continue reading on Medium »
I Tried React 19 for 30 Days — Here’s What Actually Surprised Me
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I Tried React 19 for 30 Days — Here’s What Actually Surprised Me
After a month of shipping real features with React 19, I didn’t just learn new APIs — I had to unlearn some habits I thought were… Continue reading on Medium »
Day 63: Elevating the Frontend - From Prototype to FinTech Analytics Dashboard
Dev.to · Eric Rodríguez 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Day 63: Elevating the Frontend - From Prototype to FinTech Analytics Dashboard
After wrestling with distributed locks in DynamoDB and restrictive IAM policies, today it was time to...
is-kit vs Zod: A Practical Comparison from 3 Perspectives
Dev.to · nyaomaru 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
is-kit vs Zod: A Practical Comparison from 3 Perspectives
Hi everyone! I’m a frontend engineer who sometimes wonders: “Am I using AI… or is AI using...
Facebook scrambles author names with Flexbox order — here's the 5-line diagnostic that proves it isn't custom fonts
Dev.to · Leon 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Facebook scrambles author names with Flexbox order — here's the 5-line diagnostic that proves it isn't custom fonts
A potential client posted on Reddit asking for a Facebook keyword-post scraper. Their budget: $500....