Tech Skills
Frontend Engineering
HTML, CSS, JavaScript, React, Next.js, performance and modern web development
Skills in this topic
5 skills — Sign in to track your progress
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
Dev.to · ANKUSH CHOUDHARY JOHAL
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Contrarian View: React 20 Will Lose Market Share to Vue 3.5 and Svelte 5 by 2027
By Q3 2026, React’s npm download growth will slow to 1.2% quarter-over-quarter, while Vue 3.5 and...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Angular 21 Changed Something Fundamental… And Most Developers Didn’t Notice
A few years ago, I remember explaining Angular to someone and saying: Continue reading on Medium »
Dev.to · Snappy Tools
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
HTML Entities Explained: When to Encode, When to Skip, and What Goes Wrong
HTML entities trip up developers in two situations: encoding content for display, and sanitizing...
Dev.to · Visakh Vijayan
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Revolutionizing Frontend Development with Server-side Rendering (SSR)
Introduction to Server-side Rendering (SSR) In the realm of frontend development,...
Dev.to · Purneswar Prasad
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Evolution of the Web
I took upon myself a challenge to post 6 blog posts covering Frontend architectures from plain...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Your frontend build is slow. Want to reduce it 10x? Yeah! .. here’s how
Every frontend developer has lived through this moment: you restart your dev server, you switch a branch, you trigger a CI run — and your… Continue reading on M
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Understanding Core Web Vitals — What Every Frontend Developer Should Know
If your app feels slow even though the code is correct, this is why. Continue reading on Medium »
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
The Death of useEffect: How React 19 Changes Everything
React’s most controversial hook is no longer the default answer. With React 19’s new primitives, the way we think about side effects, data… Continue reading on
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
2mo 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
Dev.to · Ogasawara Kakeru
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
ReactJs Performance ~ Tree Shaking and Bundle Analysis ~
Reduce Your Bundle Size with Effective Tree Shaking Modern JavaScript bundlers are...
Dev.to · JaviMaligno
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
From Claude Artifact to Production PWA: Building VitaminD Explorer
How a simple question about vitamin D synthesis turned into a Claude artifact, then a full PWA with D3.js visualizations, push notifications, and 6 languages.
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
How to Build a Full CRUD App in Next.js (Frontend + Backend)
Build a complete CRUD app in one codebase using modern Next.js Continue reading on Medium »
Dev.to · Ahmad Karimzade
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Front-End Framework Migration in Large-Scale Projects
Originally published on Medium. Migrating a large frontend codebase to a new framework (React,...
Dev.to · Touseef Ibn Khaleel
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Why We Ditched iFrames for Our Testimonial Widget (And Wrote 1,000 Lines of Vanilla JS Instead)
Every embeddable widget tutorial recommends an iFrame. Drop it in, it's isolated, it can't affect the...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
That 120ms Frame Drop You Keep Blaming on React (But It’s Your Layout Thrashing)
A real debugging session where Chrome DevTools exposed forced reflows killing FPS. Continue reading on Medium »
Dev.to · Afaq Javed
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Frontend Developers Are Lying to Themselves (And Their Portfolio Proves It). 🚨
Let's skip the small talk. ...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Bringing Interfaces to Life: Mastering Web Animations with CSS, JavaScript, and GSAP
Web animations have quietly evolved from decorative flourishes into a core part of how users understand and interact with modern… Continue reading on Medium »
Dev.to · ANKUSH CHOUDHARY JOHAL
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
We Improved Core Web Vitals by 40%: React 19 vs. Vue 3.5 vs. Angular 18
When we migrated our 1.2M MAU e-commerce platform from React 18 to React 19, then ran parallel...
Medium · LLM
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
From Canvas Basics to a Fun Game: Building a Balloon Burst Shooter | VibeCode Arena @…
One of the most enjoyable things I worked on recently was a Balloon Burst Game using just HTML, CSS, and Vanilla JavaScript (Canvas). Continue reading on Medium
Dev.to · ANKUSH CHOUDHARY JOHAL
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
SolidJS 1.8 vs. React 19 for Building High-Performance Web Apps
In 2024, the average web app user abandons a page that takes more than 1.8 seconds to become...
Dev.to · ANKUSH CHOUDHARY JOHAL
🌐 Frontend Engineering
⚡ AI Lesson
2mo 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...
Dev.to · Drive Coding
🌐 Frontend Engineering
⚡ AI Lesson
2mo 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...
Dev.to · ANKUSH CHOUDHARY JOHAL
🌐 Frontend Engineering
⚡ AI Lesson
2mo 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...
Dev.to · Muhammad Hamid Raza
🌐 Frontend Engineering
⚡ AI Lesson
2mo 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...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo 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
Dev.to · ANKUSH CHOUDHARY JOHAL
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Hot Take: React 19 Server Components Are a Failed Experiment – Use Astro 4.0 for Static Sites
After benchmarking 12 static site architectures across 4 CDN regions, React 19 Server Components...
Dev.to · Umair Shakoor
🌐 Frontend Engineering
⚡ AI Lesson
2mo 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...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Not Your Grandma’s Code:
Using jQuery to Style Elements Without a CSS File Continue reading on Medium »
Dev.to · Hugo Naili
🌐 Frontend Engineering
⚡ AI Lesson
2mo 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...
Dev.to · Sam Abaasi
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
React Inside Preact: Mounting React Components in a Form-JS Renderer
Part 9 of the series: "Extending bpmn-io Form-JS Beyond Its Limits" Form-JS renders in Preact. If...
Dev.to · Nanthini Ammu
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
DOM methods part 2
What is createElement()? It is used to create a new HTML element using...
Dev.to · ANKUSH CHOUDHARY JOHAL
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Opinion: React 19 and Next.js 15 Are Overkill for Small Apps — Use Svelte 5 and Astro 4.0 in 2026
In 2025, I audited 47 small SaaS apps (≤10k monthly active users) built with React 19 and Next.js 15:...
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Setup Ionic Angular dari Nol: Panduan Lengkap untuk Pemula
Halo, saya Anjas Rani. Saat pertama kali mencoba Ionic, saya sempat bingung harus mulai dari mana. Dokumentasinya memang lengkap, tapi… Continue reading on Medi
Dev.to · Snappy Tools
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
HTML Minification: What It Is, How It Works, and When It Actually Matters
When someone says "minify your HTML," they usually mean "remove whitespace and comments." But HTML...
Dev.to · Abanoub Kerols
🌐 Frontend Engineering
⚡ AI Lesson
2mo 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...
Dev.to · Nanthini Ammu
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
DOM
What is getElementById()? It is used to select a single HTML element using its unique id...
Dev.to · whitetirocket
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Building a privacy-first passport photo tool that runs entirely in the browser
I launched IDPhotoSnap on Product Hunt today. It's a free passport, visa, and ID photo maker for 85+...
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
2mo 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 »
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
29 React Codebase Mistakes That Quietly Kill Your App
Spot them early. Fix them before they spread. Continue reading on Medium »
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo 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 »
Dev.to · Neil Mason
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Your React app is one XSS away from a full account takeover
There's a 60-page IETF spec that explains exactly why. And a pattern that makes token theft...
Dev.to · Juan Diego Isaza A.
🌐 Frontend Engineering
⚡ AI Lesson
2mo 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.
Dev.to · mohandass
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
What is DOM in JavaScript and ten interview questions for DOM ?
The Document Object Model(DOM) is a programing interface for web documents. It's represents an HTML...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
The DOM Wasn’t Where I Thought: A Real-World React SPA Debugging Story
How I wasted my whole day fixing the wrong problem — and what a hidden iframe taught me about injecting UI into modern SPAs. Continue reading on Medium »
Dev.to · Aanand
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
useEffect hook Simple and accurate explanation
React has one job: 👉 Take data → show UI But real apps need more than just showing UI. You also need...
Dev.to · Aribu js
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Svelte 5 Ecosystem: What's New & Why Switch
Hello DEV community! 👋 If you're a frontend developer, you've probably noticed how quickly trends are...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Why I Stopped Using Create React App in 2026 (And What I Use Instead)
The moment my app took 42 seconds to start, I knew something was wrong. Continue reading on Medium »
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
2mo ago
Rippling Frontend Interview Experience | Senior Software Engineer
All about the rippling frontend interview experience. Continue reading on Frontend Army »
DeepCamp AI