<p>🔥🔥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</p>
<p>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: <a href="https://tailwindcss.com/" class="autolinkedURL autolinkedURL-url" target="_blank">tailwindcss.com</a>
styled-components: <a href="https://styled-components.com/" class="autolinkedURL autolinkedURL-url" target="_blank">styled-components.com</a>
twin.macro: <a href="https://www.npmjs.com/package/twin.macro" class="autolinkedURL autolinkedURL-url" target="_blank">npmjs.com/package/twin.macro</a></p>
<p>Project Repo: <a href="https://github.com/fhub-1/react-style" class="autolinkedURL autolinkedURL-url" target="_blank">github.com/fhub-1/react-style</a>...</p>
<p>TOOLS:
yarn craco/craco
yarn twin.macro
Styled-components
ReactJs
VsCode</p>
<p>Social:
FaceBook group: <a href="https://web.facebook.com/groups/33433" class="autolinkedURL autolinkedURL-url" target="_blank">web.facebook.com/groups/33433</a>...
Twitch: <a href="https://www.twitch.tv/Hackthecoding" class="autolinkedURL autolinkedURL-url" target="_blank">twitch.tv/Hackthecoding</a>
Twitter: <a href="https://twitter.com/@josehub121" class="autolinkedURL autolinkedURL-url" target="_blank">twitter.com/@josehub121</a></p>
<p>LIKE.SHARE.SUBSCRIBE TO THE CHANNEL</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://youtu.be/dTrFxEXkAP0">https://youtu.be/dTrFxEXkAP0</a></div>


🔥🔥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: https://tailwindcss.com/
styled-components: https://styled-components.com/
twin.macro: https://www.npmjs.com/package/twin.macro

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

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


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

LIKE.SHARE.SUBSCRIBE TO THE CHANNEL

%[https://youtu.be/dTrFxEXkAP0]




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

How to configure styled-components with tailwindcss.

Front-end React Developer
I'm an experienced software developer with a diverse skill-set and proficiency in various platforms, languages, and embedded systems. I excel both as a self-manager and tea


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

Table of contents

No headings in the article.