#frontend Development Tutorials & Tips | Roast Dev

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

Build a Reusable, Flexible Modal Component in React with Portal Support

Would you be interested in setting up your modals in a React + Next.js project?In this post, I’ll walk you through a fully-featured and reusable Modal component that:1- Supports multiple entry/exit ...

14.04.2025 0 Read More

Locally Scoped CSS Variables

Overview CSS Custom Properties (also popularly called CSS Variables). Variables that can be updated and altered dynamically in the file. While we had “variables” with pre/post-processors ...

14.04.2025 0 Read More

Accessible by Default: The Non-Negotiable Frontier of Frontend in 2025

Let's get one thing straight: accessibility isn't a “nice-to-have” option anymore. It shouldn't be a feature you toss into the backlog to feel morally superior. In 2025, accessibility is just like...

14.04.2025 0 Read More

Understanding RxJS Mapping Operators: concatMap, mergeMap, switchMap (with a Job Interview Analogy)

Are you learning RxJS, preparing for Angular job interviews, or struggling to understand the key differences between these three critical operators?Let’s break down concatMap, mergeMap, and switchMa...

14.04.2025 0 Read More

20 React One-Liners to Save You Hours ⏳

You open up your React project, confident it was working just fine yesterday.Now? State isn’t syncing, useEffect is acting like it's in a feedback loop, and your component feels haunted by the ghos...

14.04.2025 0 Read More

✨Building a Truly Developer-Friendly React Data Table That Doesn't Suck 😎

Hey Dev community! 👋I've been developing React apps for years, and there's one component that has consistently been the bane of my existence: data tables.We've all been there - you start with a sim...

14.04.2025 0 Read More

What’s new in Next.js 15.3

Next.js 15.3 introduces powerful new features that improve build performance, observability, and overall developer control. With the alpha release of next build --turbopack, client-side navigation hoo...

14.04.2025 0 Read More

Break over

After a break of few months starting the preparation series again. Will be sharing daily content here. I'll cover my whole learning journey as a frontend dev. Stay updated!Let's learn together....

14.04.2025 0 Read More

Asynchronous Programming: Callbacks, Promises, and Async/Await

Asynchronous vs. Synchronous Programming Synchronous Programming: In synchronous programming, tasks are executed sequentially. The program waits for a task to complete before moving...

14.04.2025 0 Read More

Tracking Changes in the DOM Using MutationObserver

Overview MutationObserver is a Web API provided by modern browsers for detecting changes in the DOM. With this API one can listen to newly added or removed nodes, attribute changes or changes...

14.04.2025 0 Read More

Build a Reusable, Flexible Modal Component in React with Portal Support

Locally Scoped CSS Variables

Accessible by Default: The Non-Negotiable Frontier of Frontend in 2025

Understanding RxJS Mapping Operators: concatMap, mergeMap, switchMap (with a Job Interview Analogy)

20 React One-Liners to Save You Hours ⏳

✨Building a Truly Developer-Friendly React Data Table That Doesn't Suck 😎

What’s new in Next.js 15.3

Break over

Asynchronous Programming: Callbacks, Promises, and Async/Await

Tracking Changes in the DOM Using MutationObserver

#reading

#popular