Gabriel Linassi articles - 11 total
How to create a Steps Wizzard in React
This is a quick tutorial to show you the barebones of how to create a Wizzard Steps...
How to create Google's Input Field with Tailwind?
const inputClasses = { root: /*tw:*/ `group relative h-14 w-full rounded-md border...
How to create a polymorphic Button with variants in NextJS + TailwindCSS + TS + RadixUI
This is a quick post just to share a nice way how to do it with full TypeScript support. It uses...
How to create a polymorphic button in React
Today I want to show you how to build a polymorphic button. In other words, a button that may be a...
TailwindCSS + React best practices: The clean way
I've using Tailwind for a long time and I've had so much pain and that uncomfortable feeling of...
How to load local fonts in NextJS (Optimal way)
This is my solution to load custom local fonts in NextJS. Add the font on the /public folder. woff2...
Building a dead simple Rating component without any dependencies
Hello guys 👋 Today I want to share with you my solution to build a Rating component like the one...
How to build a DateCountdown in React?
Recently I applied to a position as a Frontend developer and they asked me to solve a React...
How to build a dynamically resizable textarea?
Making a textarea dynamically resizable is fundamental to delivering a good UX on a text editor, a...
Quick Javascript tip
While developing a Textarea component in React with React-hook-form, I needed to add two refs to the...
A more stylish way to write conditional Tailwind classes
TLDR; Instead of writting like this: className={clsx( 'rounded px-2 py-1', variant ==...