Tag feed

#frontend-development

12,384 posts28,724 followers

Day 16: Leveling Up My CSS—Hover Effects, Scaling, & Building a Pokémon Grid! 🚀

Welcome back to Day 16 of my #100DaysOfCode journey! If you’re diving into full-stack development like I am, you quickly realize that HTML is just the skeleton. CSS is the magic that gives your webpag

1d ago4 min read

SKShubham Kumar Singhshubhamsinghbundela.hashnode.dev

Synchronous vs Asynchronous (Simple Thumb Rule)

1. Synchronous Code (Blocking) Thumb Rule:Synchronous code waits until the current task finishes before moving to the next line. Example: const fs = require("fs"); let contents = fs.readFileSync("a

1d ago2 min read

BABolaji Ayodejiblog.bolajiayodeji.com

Using GraphQL for Building Server Driven UIs

I wrote this article in December 2023 for an interview screening task and thought to share it today while clearing my drafts for some new content prep, just in case it's still helpful to someone out t

1d ago19 min read

GGouravgouravakajojo.hashnode.dev

Stop Using useEffect for Everything. React's New Hooks Actually Fix This

Let me be blunt: if you're still writing useEffect to fetch data, manually juggling useState triplets for loading/error/success, and sprinkling useMemo everywhere because your profiler yelled at you —

2d ago12 min read

SMSourav Mahatoblog.souravmahato.in

localhost to deploy..project that changed my thinking....

As a fresher stepping into software development, I initially focused on languages, frameworks, and tutorials, building small projects just for practice. After months of learning the development cycle,

1d ago2 min read

GGGrzegorz Gurguldesignsystems-ai.hashnode.dev

Design Tokens Are API Contracts, Not Styling Shortcuts

If your design tokens don't have layers, you don't have a system. You have a spreadsheet with hex values. I've seen this in almost every design system I've audited: a flat list of tokens applied direc

1d ago3 min read

SKShehzad khanresizing-browser-test-responsive-smarter.hashnode.dev

Stop Resizing Your Browser — Test Breakpoints Smarter

If you're still manually dragging browser windows to test breakpoints, you're wasting time. Here’s a better workflow: Step 1: Define Content-Based Breakpoints Step 2: Use DevTools Efficiently Step 3: Test Multiple Viewports in Parallel Tools like Uti...

3d ago1 min read

NBNilajeet Basaknbasak.hashnode.dev

🚀 Mastering ReactJS: A Complete Guide from Fundamentals to Advanced Concepts

In today’s fast-paced web development world, building fast, scalable, and maintainable applications is essential. ReactJS, developed and maintained by Facebook (Meta), has become one of the most popular JavaScript libraries for creating modern user i...

4d ago5 min read

GGulshangzamann.hashnode.dev

Design System with CSS

Quick Summary If you have set out on using a design system for your website without the help of any popular framework or library but just pure CSS, then you've come to the right place. This is still relevant if you're using any javascript framework, ...

3d ago3 min read

COChinedum Obiablog.sticobytes.com

Why React-Quill Broke My React 19 App and How TipTap Saved It

Introduction I'm currently building my first fullstack web application — a digital agency website with a complete blog management system. On Day 13 of the build, I ran into one of those errors that stops everything and sends you deep into Stack Overf...

3d ago5 min read

Search Hashnode