#frontend Development Tutorials & Tips | Roast Dev

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

Introducing highlight-plus: Supercharged Syntax Highlighting for React

In the world of web development, making code snippets clear and easy to read is essential. Plenty of tools offer syntax highlighting — but what if you want to emphasise specific words in that code? ...

13.03.2025 0 Read More

7 Useful Custom Hooks Every React Beginner Should Know

If you've recently started your journey into the world of React, you've probably come across the term "custom hooks." These powerful abstractions allow you to extract reusable logic from components an...

14.03.2025 0 Read More

O Futuro do Frontend com IA

O desenvolvimento frontend em 2025 está mais exigente do que nunca. A necessidade de alto desempenho, escalabilidade e uma experiência impecável só cresce, e a inteligência artificial entrou de v...

14.03.2025 0 Read More

Image capture from a video

In this post, method/s to obtain image samples from a video are demonstrated. Often times for AI model fine-tuning, like fine-tuning with mobilenet, it is important to obtain images from a video. ...

14.03.2025 0 Read More

How to Create Themes (light/dark) with React & Styled-components

Creating a dark/light theme toggle is a great way to improve user experience — and it’s simpler than it looks, especially when using styled-components.Today, I'll show you a quick and practical wa...

14.03.2025 0 Read More

Mastering React Query: A Practical Guide to Essential Hooks

🇺🇸 Continuing my previous post about React Query, today I bring the two main hooks: useQuery and useMutation:useQuery: Used for data fetching. Main configurations: queryKey: The information k...

14.03.2025 0 Read More

Network Link Conditioner: Simulando Conexões Lentas

Network Link Conditioner: Simulando Conexões Lentas Quando desenvolvemos e testamos aplicações web ou móveis, é comum utilizarmos redes rápidas e estáveis. No entanto, no mundo real, m...

14.03.2025 0 Read More

🧩 Reusable Form Components with Shadcn/UI: Cleaner Code, Better Experience

If you have ever used the shadcn/ui components with React Hook Form, you might have noticed that your form files can quickly become bloated. Although shadcn/ui offers great control over each part of a...

14.03.2025 0 Read More

Design looking Meh? These CSS tips got you

After 13+ years as a graphic designer and several years diving into web development, I've collected numerous CSS techniques that have consistently helped me create more polished, efficient, and visual...

14.03.2025 0 Read More

Optimise performance in Javascript: Part 1

Hello devs, I'm sure you've heard it before— "We need to optimize this code or flow; it's taking too long and hurting the user experience!" Sounds familiar? You’ve got this! 😎🚀What does opti...

15.03.2025 0 Read More

Introducing highlight-plus: Supercharged Syntax Highlighting for React

7 Useful Custom Hooks Every React Beginner Should Know

O Futuro do Frontend com IA

Image capture from a video

How to Create Themes (light/dark) with React & Styled-components

Mastering React Query: A Practical Guide to Essential Hooks

Network Link Conditioner: Simulando Conexões Lentas

🧩 Reusable Form Components with Shadcn/UI: Cleaner Code, Better Experience

Design looking Meh? These CSS tips got you

Optimise performance in Javascript: Part 1

#reading

#popular