#frontend Development Tutorials & Tips | Roast Dev

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

React Checklist: 9 Tips to Avoid Bugs 🐞

Today, I'll be sharing a checklist for reviewing React applications.Take a quick look at it before committing your changes — this will boost your confidence and help you catch those tricky errors.W...

14.04.2025 0 Read More

20 Essential Monitoring Tools for Next.js in 2025 📊

Monitoring tools help you track performance, detect errors, and ensure a smooth user experience for your Next.js apps. Here’s a complete and updated list of top tools in 2025: 1. Sentry 🔧...

14.04.2025 0 Read More

Best Authentication Libraries for Next.js in 2025 🔐

Adding authentication to your Next.js app is easier than ever — but picking the right tool depends on your project needs.Here’s a hand-picked list of the top authentication libraries for Next.js,...

14.04.2025 0 Read More

Getting Specific About CSS Specificity

You likely already knew that some methods of styling will override others when you’re writing CSS...but do you know why? For example, a style assigned to a class will be preferred over one applied t...

14.04.2025 0 Read More

React, Angular and Vue | So, where does one begin?

After having spent the last two decades of my career pursuing my own passion for UX and front-end development, I like to think that I've seen a lot in my time. Though I just want to be clear that I do...

14.04.2025 0 Read More

Contact Form | Frontend Project #1

A responsive static contact form built with HTML, CSS, and React This is the very first project I built using React, focusing on static page rendering. The app is a single-page contact form ...

15.04.2025 0 Read More

Why Isn’t Your CSS Working? Understanding Cascading

CSS stands for Cascading Style Sheets. As the name suggests, a Style Sheet is a file used to style your web page. (Fun fact: the file extension for CSS is simply .css—just like its acronym with a do...

15.04.2025 0 Read More

Reducing Bundle Size in Angular

Reducing your Angular application's bundle size is crucial for enhancing performance, improving load times, and providing a better user experience. This guide covers advanced techniques to significant...

15.04.2025 0 Read More

Clean Architecture in Frontend Applications. Transaction

This article shares the concept and implementation of the transaction unit in frontend applications within the Clean Architecture.Repository with example: https://github.com/harunou/react-tanstack-rea...

15.04.2025 0 Read More

Understand Web Security: SOP (Same-Origin Policy) and CORS (Cross-Origin Resource Sharing)

SOP (Same-Origin Policy) and CORS (Cross-Origin Resource Sharing) are essential for keeping your web applications safe. They prevent unauthorized access to your data, protecting it from potential atta...

15.04.2025 0 Read More

React Checklist: 9 Tips to Avoid Bugs 🐞

20 Essential Monitoring Tools for Next.js in 2025 📊

Best Authentication Libraries for Next.js in 2025 🔐

Getting Specific About CSS Specificity

React, Angular and Vue | So, where does one begin?

Contact Form | Frontend Project #1

Why Isn’t Your CSS Working? Understanding Cascading

Reducing Bundle Size in Angular

Clean Architecture in Frontend Applications. Transaction

Understand Web Security: SOP (Same-Origin Policy) and CORS (Cross-Origin Resource Sharing)

#reading

#popular