Create a Universal Button With React + TailwindCSS
Build a reusable React button component with Tailwind CSS that adapts as a button or link based on props—simple, flexible, and efficient.
Tag
#React
29 Designly tutorials tagged React, covering full-stack development, design, and systems engineering.
#React
React: Simple Yet Elegant Toast Notifications
Build lightweight, custom toaster notifications in React using the Context API—no dependencies needed!
Using ENUMs to Make JSX Select Inputs More Type-safe
Enhance your React/Next.js projects with TypeScript for better type safety and code hinting. Learn how to use ENUMs for type-safe HTML select elements.
A Complete Guide to Authentication in Next.js 14
Master Next.js 14 authentication with our guide on JWTs, custom middleware, cookie storage, and Cloudflare Turnstile for top-notch security and user experience.
How I Used Electron and React to Create a Sweet UI for FFMPEG
Explore how to create a user-friendly UI for FFMPEG using Electron and React, simplifying video conversions with real-time progress updates and quality control.
How to Create an Animated Space / Stars Background Effect in React / Next.js
A quick tutorial on how to create a star field background effect in React / Next.js.
Making Typescript More Flexible: Generics and Discriminated Unions
Master TypeScript's key features—Generics, Discriminated Unions, and Type Guards—with hands-on examples. Boost your code's type safety and flexibility.
Show a Loading Overlay During Next.js Page Transitions
Use router events to display a full-page loading overlay while Next.js navigates between routes, without layout flicker.