#frontend Development Tutorials & Tips | Roast Dev

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

Understanding Angular Rendering, Re-rendering, and Change Detection for Optimal Performance

Introduction If you’re transitioning from React to Angular or starting with Angular as first step, understanding Angular’s rendering process, change detection mechanism, and re-rendering ...

07.04.2025 0 Read More

Don't touch the CSS… you'll break everything.

That was the warning stuck at the head of the README file.I laughed. Then I opened style.css — and my smile vanished in a hurry. Over 10,000 lines. No apparent order. Random class names like .blueBo...

07.04.2025 0 Read More

Introducing HTML to Gutenberg: Turn HTML Files into editable Gutenberg Blocks

TLDR: I created a CLI and webpack plugin that converts HTML files into fully featured, dynamic Gutenberg Blocks. It allows developers to write custom blocks up to 5x faster.You can find it here: HTML ...

07.04.2025 0 Read More

🛠️ Web3 Has a UX Problem. We’re Solving It.

Despite billions in funding, Web3 still feels like a puzzle. At OmniRadhaNexus, we’re obsessed with solving the UX bottlenecks in crypto adoption.✅ Multi-chain, no switching ✅ No seed phrase anx...

07.04.2025 0 Read More

Front-End Performance Optimization Tips for 2025: Boost Your Web App's Speed

In 2025, web performance remains a critical factor for user experience, SEO rankings, and overall success. Slow-loading websites and web applications results in higher bounce rates, decreased user eng...

07.04.2025 0 Read More

Composant Select avec RiotJS

Cet article traite de la création d'un composant Select avec RiotJS en utilisant BeerCSS. Avant de commencer, assurez-vous d'avoir une application de base Riot, ou lisez mes articles précédents. n'...

07.04.2025 0 Read More

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

Analysis of the Following Technical Points: Editor Custom Components Drag and Drop Deleting Components, Adjusting Layer Hierarchy Zoom In and Out Undo, Redo Component Property Settings Snapping Previe...

07.04.2025 0 Read More

SOLID Principles in Angular

TL;DR: SOLID principles let developers build maintainable and scalable Angular applications. SRP dictates that components/services should have a single responsibility. OCP says functionality should b...

07.04.2025 0 Read More

Angular Ivy Compiler: Why and How It Improves Performance

Angular's Ivy compiler is the latest rendering engine introduced to significantly enhance application performance, reduce bundle sizes, and improve debugging. Understanding Ivy can help you leverage i...

07.04.2025 0 Read More

Awesome CSS shorthand tricks to write less code

As a front-end developer, we all want is write less CSS code and get more while designing a web application.If you’re someone who is curious about CSS tricks to write less code, then keep reading th...

07.04.2025 0 Read More

Understanding Angular Rendering, Re-rendering, and Change Detection for Optimal Performance

Don't touch the CSS… you'll break everything.

Introducing HTML to Gutenberg: Turn HTML Files into editable Gutenberg Blocks

🛠️ Web3 Has a UX Problem. We’re Solving It.

Front-End Performance Optimization Tips for 2025: Boost Your Web App's Speed

Composant Select avec RiotJS

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

SOLID Principles in Angular

Angular Ivy Compiler: Why and How It Improves Performance

Awesome CSS shorthand tricks to write less code

#reading

#popular