Setting up Tailwind with Styled Components using Twin. macro in ReactJS

Setting up Tailwind with Styled Components using Twin. macro in ReactJS

Hackthecoding's photo
Hackthecoding
·May 13, 2022·

1 min read

Subscribe to my newsletter and never miss my upcoming articles

Play this article

🔥🔥In this video, we will be looking at how to set up Tailwind CSS with styled-components using a helper library known as a twin.macro

I really enjoyed setting this library up because you get the best of both worlds. The flexibility in using tailwind classes as well as the extraction of styled-components to keep your code clean without long HTML tags. tailwind: tailwindcss.com styled-components: styled-components.com twin.macro: npmjs.com/package/twin.macro

Project Repo: github.com/fhub-1/react-style...

TOOLS: yarn craco/craco yarn twin.macro Styled-components ReactJs VsCode

Social: FaceBook group: web.facebook.com/groups/33433... Twitch: twitch.tv/Hackthecoding Twitter: twitter.com/@josehub121

LIKE.SHARE.SUBSCRIBE TO THE CHANNEL

 
Share this