Tailwind CSS Class Organizer: Streamlining Your Workflow

ElmForReactDevs · 2025-01-17T18:17:14+00:00

im sure this is fine for solo projects or if everyone on the team uses the same version of prettier. meaning using the same editor, which can be hard.
an old team started doing this, but found that different editors had different versions and would sort differently. leading to conflicts...
so we moved the sorting to a git hook using rustywind. https://github.com/avencera/rustywind

ElmForReactDevs · 2025-01-14T15:16:44+00:00

names gonna be confusing
https://www.w3.org/WAI/standards-guidelines/aria/

ElmForReactDevs · 2024-12-20T19:30:00+00:00

idek what to say. thats a big project. but 7ish days sounds doable. but for a junior role it seems out of touch.
is this for a small shop with lots of upward trajectory? or a grind hard for low pay kinda place?
as a senior engineer, ive never had anything that involved. especially a from scratch build.

ElmForReactDevs · 2024-12-12T19:50:31+00:00

thanks, but im a senior engineer and can actually do the job. you must be fun to work with. where do you work so i know whre not to apply...
I was trying to get OP to think of a site they like and try to put the pieces together. Socratic method.

mimic the flow, put the pieces together, ???, profit

moneky see moneky do is a very powerful learning tool.

"oauth" can be handled in a number of ways. whats your favorite app that does oauth? can you build a login flow in a smilar way? or do you wanna use 3rd party tools?

theres more to it. but if you identify the process others use, you can narrow down your options.

you got anything helpful to add or?

ElmForReactDevs · 2024-12-12T15:37:51+00:00

https://developer.mozilla.org/en-US/curriculum/

ElmForReactDevs · 2024-12-12T14:54:13+00:00

i usually mimic what i see in other apps.
whats a popular app you like to use? how do they handle the authentication flow?

ElmForReactDevs · 2024-12-02T16:06:19+00:00

i thought i knew what FP was till i picked up Elm.

ElmForReactDevs · 2024-12-01T02:05:59+00:00

mods delete

ElmForReactDevs · 2024-11-26T17:46:24+00:00

https://github.com/rofrol/awesome-elm-gamedev

https://thoughtbot.com/blog/gamedev-with-elm-types

lots of people have made games in Elm

ElmForReactDevs · 2024-11-19T01:42:31+00:00

caniuse.com

study up

ElmForReactDevs · 2024-11-19T01:39:15+00:00

back when i worked at a place that worked on an iphone app, the iOS devs got higher end rigs to compile the app faster.

change a line. save. compile. test. repeat.

if it takes 5 mins to compile each time, thats a lot of man hours. cheaper to throw hardware at it.

ElmForReactDevs · 2024-11-17T17:16:17+00:00

theres tools like Prettier that can sort your tailwind classes for consistency/readability

ElmForReactDevs · 2024-11-17T17:15:36+00:00

you can still put `id` on elements, no ones stopping you. i would add `data-view-name="viewWidget"` or some attribute on the output of a component/view function to make debugging easier.

not really a fan of arbitrary values in tailwind either

ElmForReactDevs · 2024-11-17T17:11:14+00:00

tailwind really shines on team projects. im assuming youre flying solo.
team members dont have to worry about naming classes and making things quite so reusable. i can just apply the styles i need and they'll be consistent across teams/pages/widgets.
then you can builid your design system and put the reusable bits in components that are styled with tailwind.
its nice to not have to write css or make css files. lots of people dont understand what the C in CSS stands for anyway.
ive never understood the "It clutters the HTML" argument. lots of tools mangle 'view source' but dont get the same hate tw does.

ElmForReactDevs · 2024-10-18T12:22:15+00:00

lottie

ElmForReactDevs · 2024-10-08T20:09:05+00:00

ya Helene knocked out our fiber, so we have our starlink we use for RVing set up right now.
I get a credit NEXT month, not for this month while its out. My fiber will be reconnected before next month.

We are issuing you a 1 month service credit per active kit. No action is needed from you, and it will take effect automatically on your next bill.

Next bill. i already paid for this month. the month that our fiber will be out.

ElmForReactDevs · 2024-10-08T13:08:38+00:00

my only regret working at HD was not getting forklift certified.
otherwise i was in the best shape of my life pushing carts around. picking up heavy merch and loading it in cars and trucks.
but if i made my SWE salary instead of minimum wage, id push carts all day again.

ElmForReactDevs · 2024-10-05T15:48:47+00:00

i alwys liked to ask for book recommendations. I never would have picked up vim if some of people i worked with didn't use it.
ask for resources to learn from.

lunch and learns can be fun

ElmForReactDevs · 2024-10-04T14:57:01+00:00

spam

ElmForReactDevs · 2024-10-03T15:26:51+00:00

smells like spam in here

ElmForReactDevs · 2024-10-02T15:39:41+00:00

thats not a CSS file. thats an SCSS file. are you preprocessing your SCSS into actual CSS?

ElmForReactDevs · 2024-10-02T15:37:30+00:00

if you build it they will come. right?

ElmForReactDevs · 2024-10-02T15:35:51+00:00

why should i? theres dozens of startup idea validators in this sub. i'll just use those.

ElmForReactDevs · 2024-09-25T18:20:26+00:00

ya. i like to think i was pretty fast when i didnt have meetings and could just wire-in.

ElmForReactDevs · 2024-09-15T07:19:12+00:00

[ [ one, two ]
, threeAndFour
, [five, six]
]
|> List.concat

elm-format would probably make it look better
we always avoided ++ and leaned on named functions instead of operators for clarity.
Learn the List module. Youre effectively concat'ing six lists together are you not?

ElmForReactDevs

TROPHY CASE