#frontend Development Tutorials & Tips | Roast Dev

100daysofcode 100daysofdevops 100pay 10mistakes 10yearworkanniversary 11 11labs 11tly 11ty 127001

Analysis of Key Technical Principles for a Visual Drag-and-Drop Component Library - 4

This article is the fourth in the visual drag-and-drop series. Compared to the previous three articles, this one has slightly fewer features, totaling five points: SVG components Dynamic attribute pan...

18.04.2025 0 Read More

Is ViewChild and Lifecycle Hooks in Angular Really Code Smells? No.

Demystifying ViewChild in Angular: Useful Tool or Code Smell? In recent discussions within the Angular development community, the use of ViewChild has been labeled by some as a "code smell." ...

18.04.2025 0 Read More

Performance in Vue.js: Breaking Down Conditional Code ⚡️

IntroductionAs Vue developers, we often strive to write clean and efficient code. But as components grow, especially with conditional rendering (v-if and v-else), things can quickly get messy. In this...

18.04.2025 0 Read More

🔐 WTF is JWT? And Why Your Frontend Should Care

This flew over my head since 2022 — you and every dev before their JWT awakening.You're not alone if you've ever felt confused about JWTs (JSON Web Tokens). But today, let’s break it down in plain...

18.04.2025 0 Read More

How to mock and spy on local storage in vitest

Today we're diving into a super practical topic that'll level up your testing game: how to properly test code that interacts with localStorage using Vitest.If you've ever been frustrated trying to tes...

18.04.2025 0 Read More

How to Use requestIdleCallback for Efficient Background Tasks in JavaScript

For smooth, responsive web applications, it's important to prioritize tasks that affect user experience. Non-urgent operations—like analytics, prefetching, or cleanup—should run in the background ...

18.04.2025 0 Read More

Comparing Cursor and Trae: AI IDEs for Front-End Developers

Overview In 2025, AI-powered IDEs are rapidly changing how front-end developers work. Two of the most promising tools in this space are Cursor and Trae. Each brings unique strengths, from AI-...

18.04.2025 0 Read More

VS Code vs. Cursor vs. Trae: Navigating the AI IDE Landscape in 2025

Introduction In 2025, the landscape of Integrated Development Environments (IDEs) is rapidly evolving with the integration of Artificial Intelligence (AI). While Visual Studio Code (VS Code) ...

18.04.2025 0 Read More

How to Use View Transitions API for Seamless Page Animations in Modern Browsers

The View Transitions API is a new web platform feature that enables seamless, native-like page transitions on the web. This API is now available in Chrome and other Chromium-based browsers as of 2023 ...

18.04.2025 0 Read More

SSR and SSG in Web Components

As front-end developers, we eventually face a common challenge: how to distribute features in a tech-agnostic way.When systems grow — especially in large organizations — it becomes necessary to in...

19.04.2025 0 Read More

Analysis of Key Technical Principles for a Visual Drag-and-Drop Component Library - 4

Is ViewChild and Lifecycle Hooks in Angular Really Code Smells? No.

Performance in Vue.js: Breaking Down Conditional Code ⚡️

🔐 WTF is JWT? And Why Your Frontend Should Care

How to mock and spy on local storage in vitest

How to Use requestIdleCallback for Efficient Background Tasks in JavaScript

Comparing Cursor and Trae: AI IDEs for Front-End Developers

VS Code vs. Cursor vs. Trae: Navigating the AI IDE Landscape in 2025

How to Use View Transitions API for Seamless Page Animations in Modern Browsers

SSR and SSG in Web Components

#reading

#popular