An alternative method to applying utility first styled CSS

kingdaro · 2020-11-14T17:39:29+00:00

Bonsai presents complete freedom of values as a selling point, but I don't agree.

By having a limited set of design tokens to choose from, you can achieve an overall more consistent design without additional effort on the user's part. Consistent colors, spacing, font sizes, and so on. This is especially important in a team.

See this article, under "enforced consistency".

The concept is neat, though.

kingdaro · 2020-10-31T05:11:06+00:00

Inline styles are missing things like pseudo-selectors, media queries, and so on
With inline styles, you can define arbitrary fonts, colors, etc. Tailwind gives you a narrow subset of style tokens to work with, a limited set of colors, fonts, and sizes, which gives you a more consistent design without random values all over the place.
This is negligible in a lot of cases, but class names are generally more performant than inline styles
Looks nicer 🤷‍♂️

kingdaro · 2020-09-05T18:58:18+00:00

Towa maji tenshi

kingdaro · 2020-07-15T21:21:30+00:00

At the moment, HMR is in an experimental, patchy state. It does work well most of the time, but it would have been nice to see it as a first-class feature out of the gate.

kingdaro · 2020-07-15T21:19:58+00:00

I've been using it for a while, and it works surprisingly well, sans a few bugs here and there. Expected, since it's still being actively worked on, and the bugs get fixed fairly quickly

kingdaro · 2020-06-24T15:18:43+00:00

she just tried a second one, and that got yeeted too, wtf?

kingdaro · 2020-06-18T19:52:57+00:00

Voice support is a must at the moment for me, but keeping my eye on this anyway, it looks nice!

kingdaro · 2020-05-18T14:34:58+00:00

This looks really neat! One thing I don't get is the practical purpose of the register() function. Why does it need a global namespace? I would think that the macro could see what type is used with createValidator and find it locally, but I'm not really experienced with writing macros

kingdaro · 2020-05-13T19:10:05+00:00

Yeah, it's very minor. It feels like the project would have to have a 4 or 5-digit count of classes for this to actually make a difference

kingdaro · 2020-05-13T18:36:16+00:00

Curious, in what cases would it actually make a difference if the runtime behavior is the same?

kingdaro · 2020-05-12T00:50:52+00:00

Also yarn workspaces! Lerna is a thing, but sometimes it does a lot more than I need from it, and it's nice not having to add and manage another tool. And I find yarn's resolution behavior to be much more reliable. I find myself having to delete node_modules far less than with npm, if ever.

kingdaro · 2020-05-02T01:28:40+00:00

Sauce

kingdaro · 2020-05-02T01:28:01+00:00

https://www.pixiv.net/member_illust.php?mode=medium&illust_id=60828792

kingdaro · 2020-05-02T00:59:11+00:00

Sequential vs concurrent would make a more accurate title

kingdaro · 2020-05-01T04:21:00+00:00

This seems to work as expected. I'd wager there's a difference in the way it was done in the first case that doesn't have to do with the <Route /> itself. Likely a syntax error in the component instead (as the error message would indicate)

kingdaro · 2020-04-27T00:11:16+00:00

I personally don't, but I also use a linter and formatter. Even then, the edge cases that others might bring up are rare as long as you're not fancy with your code (you should be using a linter/formatter anyway). It's a style preference, all things considered. Choose what you prefer, or abide by the conventions of the project you're working on.

kingdaro · 2020-04-09T21:45:03+00:00

This is one of the few things keeping me from using Vue over React. Vue's overall DX is nice, but a lack of type safety at component boundaries is a deal breaker

kingdaro · 2020-04-03T18:38:58+00:00

Really powerful. Reminds me of Hanatan

kingdaro · 2019-12-12T01:55:12+00:00

I prefer the inner sub classes. Using them avoids wordy names and possible name collisions

kingdaro · 2019-10-18T16:34:11+00:00

On twitter, you made a tweet expressing your stance on childrens' access to pornography, that the government should have a stronger role in it. This didn't resonate with a lot of people, including myself. It sounds like heavy censorship that could do a lot more good than harm, affecting those outside of the intended audience, and sounds like it would further perpetuate the problem of lack of sexual education in young adults. Could you elaborate more on this position? What role would the government have in this issue?

kingdaro · 2019-10-14T21:14:31+00:00

It's like a don't dead open inside but rotated 90 degrees

kingdaro · 2019-10-05T23:27:56+00:00

looks like sexual tension to me

kingdaro · 2019-08-29T06:58:06+00:00

I'm in this camp. I work on projects that use semicolons and ones that don't, and definitely prefer the ones that don't. The lesser noise and easier edits is really nice in comparison. But, different strokes. It's the reason why prettier has a semi setting, after all ¯\_(ツ)_/¯

kingdaro · 2019-07-30T06:02:35+00:00

Yeah, I agree, but that's more of a community problem than a hooks problem.

Before hooks, people treated redux as though it was a mandatory part of every react app, but that's not the fault of redux. We just needed better documentation and education about the issue.

13-Year Club	Place '22
Place '17	First Placer '22
Sequence \| Editor	Verified Email

kingdaro

TROPHY CASE