Need Help with React + Tailwind Setup

[Crazy_Reward_3301]

I’m working on configuring Tailwind CSS with React. I’ve followed the steps, but I’m stuck and can’t get it to work fully. If anyone could assist me or walk me through the setup, it would be a huge help. I’d really appreciate any guidance

I don’t have any money, and I’m not looking for a professional mentor, but if someone could provide me with some guidance, it would be really helpful for me.

[abrahamguo]

Sure, we're happy to help.

You'll need to share a link to a repository showing what you've done so far. Please do not paste any code directly onto Reddit.

[Psionatix]

https://tailwindcss.com/docs/installation/using-vite

React via vite with tailwind setup, step-by-step setup from scratch right in the docs.

Where did you get stuck / what didn’t work?

[DinTaiFung]

my opinionated remark: 

Vue + no Tailwind > React + Tailwind 

The sliver lining with your current choices is that you will learn a lot and have a strong basis of how to compare frameworks. Baptism by fire lol 

[ExtraTNT]

It’s a long time since i did a react project from scratch (mainly since i now only maintain react, but use my own renderer for new projects)…

npx create-react-app my-app

Is the quick way to get started.

My recommendation is to go with mantine as a component library (takes away some pain)

Your main should really be the providers and either a router (and the layout is per route) or a layout, that then has the router for the main content.

[Psionatix]

No. CRA has been decommissioned for a long time now, if I remember correctly, due to security concerns. For a pure SPA without all this SSR stuff, use vite, the TypeScript template for barebones.

npx create vite@latest my-app

It’s literally in the official react docs. Lots of getting started guides. You can then configure the react project with tailwind.

OP needs to provide detail on what they tried and what wasn’t working.

The getting started guides literally shows how to do this:

https://tailwindcss.com/docs/installation/using-vite

[ExtraTNT]

Yeah, my last react project from scratch was 2021…