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 · Aswani Nayak
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Storing Personal Information in React: sessionStorage vs Context API
When building React applications, developers often need to handle personal information such as names,...

Dev.to · SEN LLC
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
A Browser-Only Diary in 350 Lines — Month-Grid Math, Code-Point Character Counts, and Streak Boundaries
A journaling app is one of the rare cases where the server side adds nothing: only the writer reads...

Dev.to · Samuel Rouse
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Simplify setTimeout
Hidden in plain sight is a functional programming interface you may have never used, and...

Dev.to · Vinish Bhaskar
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
10+ Best Free React Admin Dashboard Templates for 2026
Looking for the best free React admin dashboard templates for 2026? Picking the right one saves you...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
When NOT to Use React Server Components
Everyone’s talking about React Server Components like they’re the future. Smaller bundles. Faster loads. Direct database access. Zero… Continue reading on Mediu

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Stop Waiting for Hydration
How Islands Architecture and Streaming SSR Fix Web Performance Continue reading on Webmaster Nexus »

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
⚛️ ReactJS Latest Version (React 19.2) — The Future of Frontend Development is Here
React has once again changed the game! The latest stable release — React 19.2 — introduces smarter rendering, improved async handling… Continue reading on Med

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Explicação sobre renderização no front-end: CSR, SSR, SSG, ISR, Streaming SSR e hidratação parcial.
O guia completo para entender como a web realmente entrega as páginas ao seu navegador. Continue reading on Medium »

Dev.to · Mitu Das
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
React E-commerce App Is Invisible to Google - Here's Why (and the Fix)
I spent a weekend wondering why a client's Next.js store had zero Google Shopping impressions after...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Stop Lifting State Up: 6 Better Ways for Siblings to Share State in React
Why “lift state up” is great pedagogy and bad architecture beyond two levels, and what to do instead with Context, Zustand, URL state… Continue reading on Mediu

Dev.to · Nick Benksim
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Top 10 Chrome DevTools Features for Debugging Complex CSS
Stop Guessing: 10 Chrome DevTools Secrets for Pro-Level CSS Debugging Grab a coffee and pull up a...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Paytm Money Frontend Interview Experience | SSE 2026
Recently, I went through multiple frontend interview experiences for a Senior Software Engineer — Frontend role at Paytm Money and found… Continue reading on Fr

Dev.to · Geampiere Jaramillo
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
React vs Next.js: Two tools, a different purpose
For a long time I used React for everything. It worked. Until it wasn't enough. There were...

Dev.to · Kevin Julián Martínez Escobar
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
The easiest way to test React Router v7 apps
You wrote a React Router v7 route. It has a loader, an action, a form, some interactivity. Now you...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
⚠️ 7 Angular Mistakes That Quietly Destroy Performance in Real Projects
I used to 樂 think Angular itself was slow. But after working on larger projects, I realized something important: Continue reading on Medium »

Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
What You Need to Know About Modern CSS Tricks in 2026
CSS has evolved far beyond simple styling. In 2026, modern CSS allows developers to build responsive, dynamic, and visually stunning… Continue reading on Medium

Dev.to · TheJS PythonGuy
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
From Signals to AI: How Angular Quietly Became Cool Again (v16 to v21)
I will be honest there was a stretch where Angular felt like it was losing the plot. While React is...

Dev.to · Ashish Kumar
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
What Is Preact and Why Does a 3KB Version of React Exist
React's 45KB comes from synthetic events and compatibility layers Preact drops. At 3KB, it calls native DOM directly. Here is what that trade-off means.

Dev.to · Alex Chen
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
CSS Tricks That Save Me Hours Every Week
CSS Tricks That Save Me Hours Every Week These aren't the flashy animations you see on...

Dev.to · Alex Chen
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
CSS Grid: The Visual Guide to Layout Mastery
CSS Grid: The Visual Guide to Layout Mastery Flexbox is for 1D layouts. Grid is for 2D....

Dev.to · Forrest Miller
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
I built a bingo number caller with zero backend and 331 prerecorded MP3s instead of the Web Speech API
A bingo caller is the machine that draws numbers, says them out loud, and shows them on a board. I...

Dev.to · Dipta
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
When dev and prod disagree about your CSS
This started right after we shipped a production release of our feature. One of our engineers was...

Dev.to · Nick Benksim
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
CSS Architecture: How to Write Scalable and Clean Code
CSS Architecture: Why Your Styles Shouldn't Feel Like a Haunted House Grab a coffee and pull up a...

Dev.to · robot1996
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
I built a tiny browser game for guessing cartoon-inspired colors
I shipped a small browser game called Toon Tone Color: a 5-round color memory challenge where you...

Dev.to · Razvan Zamfir
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Building simple tabs with HTML, CSS, and Vanilla JavaScript.
Building Simple Tabs with Vanilla JavaScript ...

Dev.to · Hicham
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
I Built a Modular Tailwind + Web Components Template for Corporate Websites
🚀 Introducing Finly — A Cyber-Industrial HTML Template for Modern Financial & Corporate...

Dev.to · Snappy Tools
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
HTML Minification: What Gets Removed and Why It's Safe
Every byte counts when you are serving HTML to millions of requests. HTML minification is one of the...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
7 Powerful Uses of Angular ng-container and ng-template Every Developer Should Know
Learn the real difference between Angular ng-container and ng-template with practical examples, interview questions, and real-world use… Continue reading on Med

Dev.to · Khalid Khan
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
I Built 8 Free CSS Tools So You Don't Have to Do the Math Anymore
Every frontend developer has been there. You're in the middle of building a component, and you need...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Angular Learning Series — Day 1: Introduction to Angular & First Project Setup
Angular is one of the most powerful frontend frameworks used for building fast, scalable, and enterprise-level web applications. Continue reading on Medium »

Dev.to · Darren Hwang
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
React Compiler and and the promise of automated memoization
The real-world impact of the React Compiler (formerly React Forget). The promise of this tool is to...

Dev.to · Ogasawara Kakeru
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
React.js ~Life Cycle~
In React, the life cycle is composed of Mount(create), Update(update) and Unmount(delete). The life...
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
The Harsh Truth About Being a Frontend Developer
A frontend developer shares the harsh reality of frontend development in 2026 — constant learning, pressure, competition, burnout, and… Continue reading on Medi

Dev.to · Kevin 心学
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
HTMX or React? Why I chose a Third Way
If you've been following web development news lately, you couldn't have missed the great debate of...

Dev.to · Yodsavee Supachoktanasap
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Why Your Frontend Should Not Call Google Sheets Directly
Google Sheets is great when a product is still changing. It is fast. It is familiar. Non-technical...

Dev.to · Arthur
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
React Overview
React is a JavaScript library, not a framework. A library is a tool you use when needed A...

Dev.to · Mohamed Idris
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Learning React As If You Built It Yourself
If you have ever built a webpage with vanilla JS or jQuery, you remember the dance. Click a button,...

Dev.to · Dilshod Gaipov
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
I Built a Small Browser Workspace for HTML, CSS and JavaScript Prototypes
I have been working on a small tool called Orivo. The idea came from a very simple problem I kept...

Dev.to · Fabio Arcari
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
The Tiny Proxy That Fixed Local Development for Our Multi-Repo Frontend
This article is a follow-up to From Independent Microsites to Context-Driven Architecture, where we...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
How useEffect Actually Works Behind the Scenes in React
When I first started learning React, I thought useEffect was pretty straightforward. Continue reading on Medium »

Dev.to · Sivakumar Mathiyalagan
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
React Js Basics
What is library and difference between library and framework? Library is a collection of helper...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
JavaScript Frameworks in 2026: AI, Enterprise Architecture, and the New Frontend Reality
The JavaScript ecosystem in 2026 feels very different from the JavaScript framework wars we saw a few years ago. Continue reading on Medium »

Dev.to · Benjamin Koimett
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
I built a crossword solver without React and survived to tell the tale 😅
For the past 3 years, my brain has been wired to: npx create-vite@latest useState, useEffect,...

Dev.to · Saurabh Sharma
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Deploy Angular 16/17/18/19 on cPanel - The Version-Specific Guide ⚡
Most Angular deployment guides are written for one version, then quietly become outdated. You follow...

Dev.to · 임세환
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Building an Offline-First Exchange Calculator with Vanilla JavaScript
How I built a fast, offline-capable travel currency calculator using vanilla JS, service workers, and URL-based country presets.

Dev.to · NitroIDE
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
How to Build a 0ms Live Preview Engine in the Browser (Without a Backend)
If you look at how most cloud IDEs and code sandboxes work today, they almost all share the same...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
React for Absolute Beginners: Understanding the Big Picture First
If you’ve started exploring web development, chances are you’ve bumped into the word “React.” It seems to be everywhere these days —… Continue reading on Medium

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
React SEO Guide: How I Build React Websites That Actually Rank on Google
React is one of my favorite frontend technologies to work with. It’s fast, flexible, and perfect for building modern user experiences. Continue reading on Mediu
DeepCamp AI