#frontend Development Tutorials & Tips | Roast Dev

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

🚀 Just Launched: Find Where to Watch Your Favorite Movies! 🎬🍿

🚀 Just Launched: Find Where to Watch Your Favorite Movies! 🎬🍿I just rolled out a brand new update to XZMovies that makes movie discovery even more powerful — users can now see exactly where...

19.04.2025 0 Read More

The DOM Bubble! What is event bubbling, and how to handle it?

The conecpt: Event bubbling is a concept in javascript dom where an event propagetes to its parents elements.The concept of bubbling is similar to how a real bubble works. How does a ...

19.04.2025 0 Read More

Built a Theme SWITCH

I created a Light Theme/Dark Theme Switch to practice JS and see how theme changes actually happens at very basic level as I will be definitely using this knowledge in many of my future projects.CodeP...

20.04.2025 0 Read More

Understanding React's Context API and useContext Hook

Understanding React's Context API React's component architecture is powerful, but passing data through multiple levels of components can quickly become cumbersome. This is where the Context A...

20.04.2025 0 Read More

Declarative Routing with importmap: A New Proposal for File-based Web Components

Introduction In modern frontend development, routing is typically handled by dedicated libraries like React Router or Vue Router, which map route paths to components. However, for lightweight...

20.04.2025 0 Read More

How to create page in Next.js

page.tsx File-based routing is introduced in Next.js from v13. That means the file's name is the route name. If we create a page.tsx into the app directory, the page.tsx will create the defau...

20.04.2025 0 Read More

Top 10 CSS Tricks Every Front-End Developer Should Know

CSS is a cornerstone of front-end development, offering endless ways to style and enhance websites. Below are 10 CSS tricks that can level up your projects. 1. Smooth Scroll Behavior The scrol...

20.04.2025 0 Read More

"The Shocking Truth About JavaScript Variables (Every Beginner Must See!)"

Welcome to the first step in mastering JavaScript — today we explore how variables work and why they matter. On this journey, we will start with one of the most fundamental concepts: variables. Unde...

20.04.2025 0 Read More

React Forms: Handling User Input the Right Way React Forms: Handling User Input the Right Way!📝

Forms are a big part of any web app—login, sign-up, search, etc.—and React gives you full control over them!🔹 Controlled Components – In React, form inputs like or are usually controlled, m...

20.04.2025 0 Read More

Bootstrap

💡 Mastering Bootstrap: All the Ways to Use It Professionally Bootstrap is the most popular front-end framework in the world, used by developers to create responsive, mobile-first websites ...

20.04.2025 0 Read More

🚀 Just Launched: Find Where to Watch Your Favorite Movies! 🎬🍿

The DOM Bubble! What is event bubbling, and how to handle it?

Built a Theme SWITCH

Understanding React's Context API and useContext Hook

Declarative Routing with importmap: A New Proposal for File-based Web Components

How to create page in Next.js

Top 10 CSS Tricks Every Front-End Developer Should Know

"The Shocking Truth About JavaScript Variables (Every Beginner Must See!)"

React Forms: Handling User Input the Right Way React Forms: Handling User Input the Right Way!📝

Bootstrap

#reading

#popular