#frontend Development Tutorials & Tips | Roast Dev

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

How TypeScript Infers Generic Types Automatically — and Why It Matters

This article explains how type inference works in practice, using a real-world utility function designed for API calls. 1. What Is Type Inference? Type inference allows TypeScript to deduce ty...

02.05.2025 0 Read More

Turn Any Angular Component Into a Powerhouse with This Trick!

In this tutorial, we're going to enhance a simple Angular button component by applying custom directives, and then we’ll combine these directives into the component directly using Angular's Directiv...

02.05.2025 0 Read More

🚀 Real Client Project Journey — From Idea to Production!

📌 Late post here due to a packed schedule — but if you want real-time updates, follow me on LinkedIn!Hey DEV Community! 👋 I’ve recently started something really exciting — a full real-worl...

02.05.2025 0 Read More

Lazy Loading in Angular 19 Using Standalone Components: A Pokémon Example

Lazy Loading in Angular 19 Using Standalone Components: A Pokémon Example 🐉⚡ With Angular 19, you can build apps using pure standalone components, ditching NgModule entirely. Lazy loadi...

02.05.2025 0 Read More

Creating a Clean, Modern Pagination Component

Pagination doesn’t have to be complex. In this snippet, I’ve designed a modern, clean pagination UI using only HTML and CSS — perfect for web apps, blogs, or dashboards.No JavaScript. No framewo...

02.05.2025 0 Read More

Micro Frontends + Rsbuild + Module Federation em um Monorepo? Temos!

💡 Quer estudar, prototipar ou estruturar um projeto com MF (Microfrontend) de forma modular e performática?Nos últimos dias, mergulhei em um experimento que pode facilitar (e muito!) a vida de qu...

02.05.2025 0 Read More

[Parte 2] — O que é Module Federation e que problema ele resolve?

No meu artigo anterior, mostrei como montei um projeto com Micro Frontends usando Rsbuild, Module Federation, pnpm e Lerna , tudo rodando num monorepo. Agora, quero dar um passo além e explicar o “...

02.05.2025 0 Read More

[Parte 3] Enviando dados entre aplicações com Module

Na parte 1 desta série, vimos como o Module Federation permite compartilhar componentes entre diferentes aplicações sem precisar instalar pacotes ou duplicar código. Agora, vamos dar um passo alé...

02.05.2025 0 Read More

My top 5 VScode extensions

Hi there, I wanted to make this post to recommend some tools that helped me personally as a React Developer over the past 3 years. If you find this helpful, consider following me on LinkedIn This art...

02.05.2025 0 Read More

🧑‍💻 How to Become a Frontend Developer in 2025

The next time you use a website, ask yourself, Can I build this? 👋 Hey there, future devs!If you’re a student wondering whether frontend development is worth exploring in 2025, let me tell you t...

02.05.2025 0 Read More

How TypeScript Infers Generic Types Automatically — and Why It Matters

Turn Any Angular Component Into a Powerhouse with This Trick!

🚀 Real Client Project Journey — From Idea to Production!

Lazy Loading in Angular 19 Using Standalone Components: A Pokémon Example

Creating a Clean, Modern Pagination Component

Micro Frontends + Rsbuild + Module Federation em um Monorepo? Temos!

[Parte 2] — O que é Module Federation e que problema ele resolve?

[Parte 3] Enviando dados entre aplicações com Module

My top 5 VScode extensions

🧑‍💻 How to Become a Frontend Developer in 2025

#reading

#popular