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
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
5d ago
How to Check if a CSS Property is Supported in a Browser Using JavaScript
The Modern browsers continuously introduce new CSS features but not every browser supports every CSS property. The JavaScript provides… Continue reading on Java
Reddit r/webdev
🌐 Frontend Engineering
⚡ AI Lesson
5d ago
What metrics do you guys measure in the frontend?
Such as accecibility with axe devtools, FCP with datadog, error tracking, etc submitted by /u/badboyzpwns [link] [comments] </spa

Dev.to · banti kevat
🌐 Frontend Engineering
⚡ AI Lesson
5d ago
React useEffect Dependency Array Complete Guide
React useEffect dependency array kya hai aur ise sahi tarike se kaise use karein? Is complete Hindi...

Dev.to · Geraldo Christoper
🌐 Frontend Engineering
⚡ AI Lesson
5d ago
I Built a Premium Business Consulting Landing Page Using Only HTML, CSS, and Vanilla JavaScript
Over the past few days, I challenged myself to build a premium business consulting landing page...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
5d ago
React’s real problem isn’t React. It’s Vercel.
Developers are frustrated with React. The posts about it are all over the place. “Does anybody actually like React anymore?” And the… Continue reading on Medium
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
5d ago
Modern Frontend Needs Old Web Discipline
Modern frontend is powerful. Continue reading on Medium »

Dev.to · Timevolt
🌐 Frontend Engineering
⚡ AI Lesson
5d ago
CSS Grid vs Flexbox: The Matrix of Layouts
The Quest Begins (The "Why") I was building a dashboard the other day—cards that needed to...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
6d ago
Weekend Post: Selectorless Components in Angular 22; What Changes at Scale
Angular 22 ships selectorless components as stable, and the ergonomic win is real, but there are structural trade-offs worth understanding… Continue reading on

Dev.to · js1024
🌐 Frontend Engineering
⚡ AI Lesson
6d ago
JS1024 2026 is open: build a demo in 1024 bytes
JS1024 is back. The challenge is simple: Build a JavaScript, HTML, Canvas, or GLSL demo...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
6d ago
React Developers Don’t Need Another Framework. They Need a Faster Way to Preview JSX Files.
The React ecosystem evolves incredibly fast. Continue reading on Medium »

Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
6d ago
Stop Waiting for the Backend: Why Frontend Developers Need API Mocks
The design is ready. The feature is clear. The component structure already exists in your head. You open your editor, create the page… Continue reading on Mediu

Medium · Data Science
🌐 Frontend Engineering
⚡ AI Lesson
6d ago
Angular Performance Secrets That Can Make Your App Twice as Fast
Optimize Rendering, Change Detection, Lazy Loading, and Bundle Size Like a Senior Developer Continue reading on Medium »

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
6d ago
React Native in Practice: The Search Before the Solution
There isn’t always a perfect solution — only informed decisions, trade-offs, and lessons learned. Continue reading on Medium »

Dev.to · Truffle
🌐 Frontend Engineering
⚡ AI Lesson
6d ago
Position: fixed is a paint trick, not an event boundary
A crop handle that would not drag. The overlay was position:fixed, but an ancestor stole the pointer with setPointerCapture. Synthetic events never see it. Only

Dev.to · Ankita Budhia
🌐 Frontend Engineering
⚡ AI Lesson
6d ago
React Performance Optimizations I Actually Used in Production
If you search for React performance tips, you'll probably find the same advice everywhere: Use...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
6d ago
Web Development training and Placement in Electronic City — Full Stack (HTML, CSS, JS, React, Node…
Details & Registration: https://www.emexotechnologies.com/courses/full-stack-certification-training-course/ Continue reading on Medium »
![Document Object Model [DOM] CRUD Operations](https://media2.dev.to/dynamic/image/width=1200,height=627,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fcrouidkwjtu4vt6kanmb.png)
Dev.to · Madhan Raj
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Document Object Model [DOM] CRUD Operations
Introduction to DOM Manipulation The Document Object Model (DOM) is a programming interface provided...
Dev.to AI
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
I Found a Surprisingly Fun Way to Practice Frontend Development
I recently started exploring VibeCode Arena: FIFA 2026 Showdown , and it's much more interesting than I expected. Instead of solving traditional coding problems

Dev.to · greymoth
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
The Enter key that submits your form while a Japanese user is still typing
Here's the whole lesson up front, so you can leave after one paragraph if you want: If your text...

Dev.to · r9v
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
The two-Reacts bug: when packages aren't singletons
"Invalid hook call. Hooks can only be called inside of the body of a function component." You read...

Dev.to · Ritumoni Sarma
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
🚀 Introducing Prism Guard — An Open Source Frontend Architecture Intelligence Platform
Every engineering team has experienced this. The codebase starts clean. A few months...

Dev.to · Amodit Jha
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
The Death of the Heavy Hydration Layer
How we over-engineered the web, and why shipping plain HTML is the ultimate developer flex. Let’s be...

Dev.to · Charlie
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Stop Asking "React or Angular?" Until You Can Answer This First
Choosing a frontend framework is one of the most common conversations in web development. React or...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
5 React Mistakes I Stopped Making
The mistakes were not about forgetting hooks. They were about putting responsibility in the wrong place. Continue reading on Skill Stuff »

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Why Choose React + Vite Over Next.js?
Is the default framework always the right one for your project? Continue reading on Level Up Coding »

Dev.to · Alexander
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Stop using hex codes in your CSS
The invisible button incident I got a Slack message at 10 AM last Wednesday. A junior...

Dev.to · Devanshu Biswas
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
useState vs useReducer vs Zustand: I Built the Same Feature Three Ways (With Live Render Counts)
"Should I use useState, useReducer, or a store like Zustand?" usually gets answered with vibes. So I...

Dev.to · Utkarsh Bharti
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
I Built 174 Free Browser-Based Tools Using React + Vite
When I started this project, I had one simple goal: Create a collection of free online tools that...

Dev.to · sunshey
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
How I Merge PDFs in the Browser with Vue 3 and pdf-lib
Merging PDFs on the server is straightforward. Upload the files, run a command-line tool, send the...

Dev.to · nyaomaru
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Trying Declarative Partial Updates: A Future API for Replacing HTML Later
Hoi hoi! I'm @nyaomaru, a frontend engineer who was cheering for the World Cup during tropical...

Dev.to · 𝗝𝗼𝗵𝗻
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Stop Over-Optimizing Performance: The Modern Full-Stack Toolkit in 2026
From React Compiler to streaming SSR, web performance shifted from a manual chore to a build-step standard. Here is why your 2024 optimization checklist is dead

Dev.to · surajrkhonde
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Debugging React: From Taking a Deep Breath to Finding the Root Cause
Part 0: The Deep Breath — Why It's Not Just a Figure of Speech 👦 Nephew: Uncle! Production...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
5 Modern CSS Features That Let Me Delete JavaScript
For years, my reflex for anything dynamic on a page was to reach for JavaScript. Toggle a class based on what an element contains. Measure… Continue reading on

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Why Your React App Feels Slow (Even When Your Code Is Fast)
Learn the real reasons behind slow React applications and how to fix them using React DevTools, code splitting, memoization, and better… Continue reading on Med

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Why Event Bubbling Felt So Confusing in JavaScript
When I first started learning JavaScript, event bubbling was one of the most confusing concepts for me. Continue reading on Medium »

Dev.to · Etrit Neziri
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Next.js vs Remix vs SvelteKit: Which Framework Should You Learn?
Next.js vs Remix vs SvelteKit: Which Framework Should You Learn? React and Next.js...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Adding Collaboration to a Web App Should Not Require a Realtime Backend Team
Frontend teams should be able to add presence, live cursors, shared state, room events, and awareness without turning a product feature… Continue reading on Med

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
The Web Performance Crash Course Every Frontend Dev Needs — Frontend Master
A structured tour of the things that actually make sites fast — the critical rendering path, bundle size, lazy loading, and the Core Web… Continue reading on Me

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Compute Boundary: Main Thread’i Bölmenin Gerçek Maliyeti
Frontend artık sadece UI çizilen bir katman değil. Gerçek zamanlı veri, client-side compute ve sürekli değişen state ile çalışan bir… Continue reading on Medium

Dev.to · Robin van der Vleuten
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
AbortController is how fetch learned to clean up after itself
Fetching data in a React component looks harmless at first. You render a component, call an API in...

Dev.to · Ahmed Mahmoud
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Next.js 15.5 Cache Components: The RSC Caching Story Finally Clicks
Headline: Cache Components turn caching into a component-level concern you can read off the source...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
What’s New in React Ecosystem — June Edition
The React ecosystem continues to move at a blistering pace, with new releases and improvements across frameworks, tools, and libraries… Continue reading on Medi

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
PixiJS: Uniting DOM and Canvas with HTML-in-Canvas
As real DOM enters the GPU rendering pipeline, the experience of frontend graphics programming is about to be rewritten Continue reading on JavaScript in Plai

Dev.to · FSCSS
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
I Built a Live Trading Dashboard With Zero Chart.js — Just CSS Custom Properties
Every time I needed a chart on a dashboard, the playbook was the same: pull in Chart.js or Recharts,...

Reddit r/webdev
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Chrome Devtools Flex Options Menu
Just discovering this and... where has this been all my life? Finally some good fucking devx. <!-- S
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
React useIntersectionObserver Hook: Lazy Load & Detect Visibility (2026)
You want to load an image only when it scrolls near the viewport. Or fire an analytics event the first time a card is actually seen. Or… Continue reading on Med

Dev.to · Harishbabu R
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Auto-fixing broken frontend builds using Antigravity SDK lifecycle hooks
Handling automated dependency updates usually means manually untangling UI component breakages when a...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
How JSX Works Under the Hood -Compiler pipeline, ASTs, XSS security
How does React turn HTML-like syntax into JavaScript? Take a deep dive into the JSX compiler pipeline, ASTs, Babel, and built-in XSS… Continue reading on Medium
DeepCamp AI