đ„ïž Frontend Shares
Tailwind, and the death of web craftsmanship
When I first heard Tailwind I had a similar reaction to it as what this article is depicting. If I already know CSS and am fairly comfortable with it, why do I need to learn another tool just to achieve the same thing I could have achieved without it? One of the items on there I feel the same about is when I do debugging using the browserâs dev tools, instead of toggling the class as I did before, now I need to either add new rules or edit the HTML because toggling a class changes the whole layout. One might argue that there are tools and plugins that help make clustering classes in HTML better by sorting them but writing plain CSS doesnât need any of these setups. At the end of the day, every technology decision and library adoption comes down to what problem you are trying to solve and whether it helps your team achieve what they need to do.
Everything I wish I knew before moving 50,000 lines of code to React Server Components
If I were to write an article about how I felt about React Server Components, this would be precisely that. This should give you enough context and what might happen when you start adopting RSC. Do you need to adopt this? Not really. However, it is good to learn or be aware that there is another option that you can use to ship less code to your users essentially.
If you are using TypeScript in your React applications as many people do nowadays, React finally has an official document on how to do this. This should be an excellent place to start and it looks easy enough. One thing Iâve noticed is it doesnât actually use FC type but just directly types the components. Maybe itâs not recommended anymore but it would still work fine.
How we reduced the size of our JavaScript bundles by 33%
Dropbox used to do versioning and bundle splitting manually which was a huge hassle as more codes were being added and needed testing around bundler to ensure correct codes were added and pulled. They were able to do all of these using Rollup and a thoughtful rollout plan to achieve 33% smaller JavaScript bundles.
A Guide to Optimizing JavaScript Files
This article lists a lot of commonly seen techniques for optimization. Many of these are recommended and adopted by many companies in the production environment.