I personally would recommend against making a lot of custom classes via @apply, especially when pairing with a component based framework like React. React make

I personally would recommend against making a lot of custom classes via @apply, especially when pairing with a component based framework like React. React makes it easy to avoid the need for duplicate naming such as 'btn' css class and a <Button> component. I would also recommend twin.macro, though I'm still on the fence about using it. At the very least, it helps with difficult things like style overwrites, ensuring utilities are spelled correctly, conditionally applying utilities and bailwind (one-off styles)