#frontend Development Tutorials & Tips | Roast Dev

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

A list of best Chrome extensions that every Web developer needs [List 2025]

Your workflow as a web developer can sometimes be slow and we’re always looking for ways to optimize your time and ensure that we’re working efficiently, because you have to debug issues and monit...

01.04.2025 0 Read More

Introduction to React: Understanding the Basics-part.5

Styling in ReactIn React, there are several ways to apply styles to components:1. Using Global Styles (in HTML) You can define styles inside a tag in the of your index.html file. This is the traditi...

01.04.2025 0 Read More

Shadcn UI: Revamp your legacy React app with minimal effort

It’s difficult to go back to Material UI or Daisy UI in 2025 once you get into Shadcn. It became my go-to choice and potentially one of my primary reasons I’d opt for https://nextjs.org/ when I cr...

01.04.2025 0 Read More

IIFE in Javascript

Have you ever come across a function in JavaScript that's wrapped in parentheses and immediately executed? It might look strange at first, but it’s actually one of the most elegant patterns in JavaS...

01.04.2025 0 Read More

Week 9: Back to the Grind

Wow. It's already the 9th week since I resolved to study and improve my frontend skills. We've come quite far since Chinese New Year. The previous posts were all pretty haphazard, so here's hoping tha...

01.04.2025 0 Read More

Lessons From Two Years of Building Vue 3 + TypeScript Applications for the Adult Content Industry

How working on a high-traffic product shaped my mindset, tech choices, and development approachLet’s be honest: working in Adult Content isn't the most mainstream path for a frontend developer. But ...

01.04.2025 0 Read More

useFetch Hook in React

Fetching data is a common requirement in React applications. If you frequently make API calls, managing state in multiple components can become repetitive.In this post, we'll first build a component ...

01.04.2025 0 Read More

useAuth Hook in React

Authentication and authorization are crucial aspects of web applications. Instead of handling them manually in multiple components, we can create a reusable hook to simplify the logic. In this article...

01.04.2025 0 Read More

From Zero to Production: Setting Up React with Webpack Explained

Introduction Let's face it - modern web development can be overwhelming. We're all chasing that perfect balance of performance, modularity, and scalability. That's where Webpack comes in to s...

02.04.2025 0 Read More

Why Tailwind CSS is Changing the Way We Write Styles

Is traditional CSS slowing you down? 🤔 Writing long stylesheets, managing class names, and dealing with specificity issues—it’s time-consuming! Enter Tailwind CSS: the utility-first framework t...

02.04.2025 0 Read More

A list of best Chrome extensions that every Web developer needs [List 2025]

Introduction to React: Understanding the Basics-part.5

Shadcn UI: Revamp your legacy React app with minimal effort

IIFE in Javascript

Week 9: Back to the Grind

Lessons From Two Years of Building Vue 3 + TypeScript Applications for the Adult Content Industry

useFetch Hook in React

useAuth Hook in React

From Zero to Production: Setting Up React with Webpack Explained

Why Tailwind CSS is Changing the Way We Write Styles

#reading

#popular