#frontend Development Tutorials & Tips | Roast Dev

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

Ng-News 25/10: Advanced Content Projection, Outlook 2025+

Minko Gechev highlighted how the Ivy engine accelerated Angular’s development and outlined plans for selectorless components and Signal Forms. Chau Tran took a deep dive into the differences between...

10.03.2025 0 Read More

Building the Foundation: Designing an App’s UI 🎨 with Simplicity and Purpose

If you've ever felt that UI design for your project is daunting, don’t worry - it's more approachable than it seems. A great starting point is to focus on establishing a clear brand identity by sele...

10.03.2025 0 Read More

How to Create a Reusable React + TypeScript Component (Simple and Clean)

One of the most common tasks in a React project is creating reusable components that are flexible and easy to maintain.In this post, I’ll share a quick and practical pattern to build typed, reusable...

10.03.2025 0 Read More

Transparent Outlines for HTML Elements Using Vanilla CSS

Recently I decided to update my personal website. I ran into a problem I wanted to solve that I could not find an easy off-the-shelf solution for. So, I decided to write up my discovery of a solution,...

10.03.2025 0 Read More

Future of CSS: Select styling without the hacks

For years the element has been notoriously difficult to style. Developers had to either accept the browser’s default look or resort to JavaScript-heavy solutions. But why has it been this way for s...

10.03.2025 0 Read More

Angular and Firebase Remote Config: Your Secret Weapon for Personalized & Adaptable Apps

In today's rapidly evolving digital landscape, adaptability is key to success. Applications need to be flexible, allowing for quick adjustments to features, content, and even user experiences without ...

11.03.2025 0 Read More

Create Custom Profile Initial Avatar with Live Preview

Username-to-Avatar Transformer: See Your Initials Come Alive This little experiment of mine shows how simple it can be to create personalized avatars just from someone's username. Type anythi...

11.03.2025 0 Read More

Clean Architecture in Frontend Applications. Overview

The article shares my experience of implementing Clean Architecture in frontend applications.Repository with example: https://github.com/harunou/react-tanstack-react-query-clean-architecture I...

11.03.2025 0 Read More

How Railway Helped Me Deploy My SaaS Reading Platform LitFlip

As developers, we all know that building an application is only half the battle - deploying it can be just as challenging. Today, I want to share my experience deploying LitFlip, my SaaS reading plat...

11.03.2025 0 Read More

The Art of Decorating: Making Utility Functions Work for You in TypeScript

Intro In the React world, where object-oriented programming isn’t as prominent, and where methods that manipulate object state are less common, finding existing utility functions can someti...

11.03.2025 0 Read More

Ng-News 25/10: Advanced Content Projection, Outlook 2025+

Building the Foundation: Designing an App’s UI 🎨 with Simplicity and Purpose

How to Create a Reusable React + TypeScript Component (Simple and Clean)

Transparent Outlines for HTML Elements Using Vanilla CSS

Future of CSS: Select styling without the hacks

Angular and Firebase Remote Config: Your Secret Weapon for Personalized & Adaptable Apps

Create Custom Profile Initial Avatar with Live Preview

Clean Architecture in Frontend Applications. Overview

How Railway Helped Me Deploy My SaaS Reading Platform LitFlip

The Art of Decorating: Making Utility Functions Work for You in TypeScript

#reading

#popular