TTC
Theo's Typesafe CultBenjamin
What about Panda CSS?
Hey there! I can't find any talk about using Panda CSS over Tailwind on this Discord. I would like to have different opinions (especially from people with CSS skills) about it, I just started using it on a personal project with Next.js and I find its integration with TS awesome. Theo's recent video about Tailwind is not talking about this kind of solution.
https://panda-css.com
Panda CSS - Build modern websites using build time and type-safe CS...
Build modern websites using build time and type-safe CSS-in-JS
N
Neto•311d ago
what there is to talk?
E
Endgame1013•311d ago
Thanks for sharing, this looks pretty dope. I'm personally a big fan of Tailwind, but having typesafe styles seems nice.
N
Neto•311d ago
how different is from css in js?
From the endless list of CSS-in-JS libraries, why should you choose Panda?
yeah, its more of the same
running a separate process to generate the css is also something
B
Benjamin•311d ago
I was recently discussing about Tailwind with a coworker with 15 years XP in CSS (used to work for a big tech company), he has a bad opinion about it and recommended using Panda CSS since I am as enthusiastic about type safety as he is.
The huge difference is that Panda respects semantic instead of utility, and also adopts the W3C design token specification.
B
barry•311d ago
Absolutely hate it
Tailwind was simple, short and concise, that goes right out the window with this, i don’t need type safe css classes
N
Neto•311d ago
remix does have issues with tailwind to this day because you can only run with parallel processes
CSS-in-JS with build time generated styles
what does it solve that tailwind does not?B
Benjamin•311d ago
His points against Tailwind were:
- Lack of maintainability
- Lack of semantic = harder to integrate the design (CSS is designed for semantic)
- More sense to build your style along your JSX component with a clear style tree
N
Neto•311d ago
what
B
Benjamin•311d ago
I don't have a workbench comparing the different solutions, it's probable that it's faster, I don't know.
E
Endgame1013•311d ago
@Hildimar all this boils down to is personal opinion, but I will say that my company has built several projects using Tailwind and maintainability has never been a major concern.
N
Neto•311d ago
xD
B
barry•311d ago
Lack of maintainability? What
N
Neto•311d ago
im out
B
Benjamin•311d ago
My experience: I used Styled component, and I liked semantic a lot, but it was a nightmare to create a design system. I got used to Tailwind but still feel frustrated about hacking the principle, really got seduced by the lack of need for building a DS from scratch.
I don't really share this opinion, I guess he doesn't take into account creating reusable components with specified class names.
E
Endgame1013•311d ago
I'd argue to adopt Tailwind you also have to adopt their best practices and such. If you're trying to use Tailwind for non-Tailwind practices then I think you're going to get frustrated quickly.
But it's all opinions, really. Like I said, I've been using Tailwind for a while and never felt the need to change. It just works.
B
Benjamin•299d ago
Jack Herrington
YouTube
Panda: RSC Ready Enterprise Grade CSS!
To try everything Brilliant has to offer—free—for a full 30 days, visit https://brilliant.org/JackHerrington/ . The first 200 of you will get 20% off Brilliant’s annual premium subscription.
Code: https://github.com/jherr/barbenheimer
Tailwind2Panda: https://tw2panda-astahmer.vercel.app/
tw2panda-cli: https://www.npmjs.com/package/tw2panda-cli
...
E
Endgame1013•298d ago
Dude! I saw this pop up on my feed earlier and immediately thought about your post LOL!
F
Finn•297d ago
When you have to turn of prettier to make your lib more readable 
21KMembers
View on DiscordWant results from more Discord servers?
More PostsNextAuth sign in function not working properlyhey, i have nextauth set up with `credentialsProvider` on, i have the following onClick on a button:Fetching only onceso i have an authToken being stored in the local storage and i want to send it in a POST request eacimport mysql into planetscaleHas anyone imported a database from your local pc into planetscale? With regard to the hostname whatPromise.all is not working in transaction in drizzleCan anyone tell me why this transaction is not working in drizzle?
it does not throwing any error bshortest import path with eslint + tsconfig.json pathsIs there any way to configure eslint (I am using `eslint-plugin-import` + `eslint-import-resolver-tyGitHub workflow doesnt runI have this PR here which requires the CI to pass but it doesnt run. Do I miss something or have I sgetServerAuthSession returning null in productionI have absolutely no clue how that is happening because I've implemented the same solution in anotheNot able to get the jwt token through cookiesHii all I'm trying to send the jwt token through cookies like first image .. Now I 'm trying to fetcNext api routes stoped working since clerk installedI installed clerk in my app and auth is working as expected. My probles is that all my api routes stDisable batching multiple useQueryI'm using useQuery as below:
```
const CompanyPage: NextPage<{ asxCode: string }> = ({ asxCode }) =>TypeScriptHi guys i am trying to learn TypeScript. Is there any good resources you can suggest besides the docZod type email string and number message not working correctlyHey guys i am facing a issue i am also new to typescript
```ts
const authschem = z.object({
emailnext auth jwt sessionHello im having some problems with making the session for credentials provider i managed to make it How to pass typesafe react-hook-form form objectI'm using react-hook-form to handle update user profile form.
```typescript
const form = useForm<FoFlattening data structure on backend or frontend commonly?like nested data structure to become array of objects with 1level depth ,u flat it on backend or froGetting drizzle working with next-authHas anyone gotten drizzle working with next-auth?
Here's the implementation that I've been using: hHow can I make node.js package that have a custom command?Like "npm", "next", "prisma", "drizzle", etc. things whenever you start a command.
How do I find terHow much do you usually save in your db when using an external service like clerk?As the title states, aside from saving the external id to reference, do you save anything else from Should I condense my hooks output array?Hey guys,
so I have my useValidation function and it returns the following array.
```ts
return [syUploadDropzone - dragging items from the same pageSalut fellas,
Recently I go into UploadDropzone component and I wanted to test it out, however, in