TTC
Theo's Typesafe CultRoncan

CSS Naming advice

Hey guys, I'm kind of a noob and I was wondering if you could give me some feedback in my css class naming. I'm trying to use a BEM based approach where I only use classes as selectors and I wondered if it looks acceptable to you or if I will have problems writing css like this. Hope you can help me out happy
R
Roncan•311d ago
Adding an screenshot for reference
K
kdiffin•311d ago
yes I think it does look clean and very readable lots of devs are used to this format and being able to name ur classes like this would help u get a job 👍 i think you should take a look at atomic css in the future as it seems to be what the web development world is moving towards atomic css is rather than describing the item itself in one class, i.e .avatar it would be .card .bg-primary .rounded-full (basically tailwind)
R
Roncan•311d ago
Thanks man, some of my classmates say they do not understand it and I was getting discouraged. And I'm gonna give it a go. Sadly, BEM is incredibly complex to be implemented fully so I was wondering if there was a more lightweight approach to css that I could learn to improve my vanilla css before moving into tailwind Thanks for your kind words man
K
kdiffin•311d ago
yeah man I used to have shit vanilla css myself I just moved onto tailwind tho been using it for 7 months and never even looked back
R
Roncan•311d ago
Fair enough, I do hope to jump to tailwind when I'm more comfortable with my css. Wanna understand the underlying tech a little bit more Thanks for the feedback man. Have a nice one
Want results from more Discord servers?
Add your server
More Posts
signout from server in next js 13can anyone tell me how can i signout from server in next auth? signOut() is not working and below coUpdated data not being fetched in production.Hey guys so i just made a web app which uses prisma / planetscale and tanstack query. I have been tSome good old system designHello everyone, how you doing ? So I want to create a little app that consists of 2 main parts sysPages or App ?I'm going to create a production project with nextjs, but confused, What is the best option pages/ oWait for ISR Revalidation (rather than showing stale data)Hey guys! I had a quick question about using ISR in Next.js (app router) with Vercel. As outlined byWhat about Panda CSS?Hey there! I can't find any talk about using Panda CSS over Tailwind on this Discord. I would like tNextAuth 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<Fo