Best of daily.dev — March 2021

1. 1
   Article

   daily.dev·5y

   Why I moved from styled-components to Tailwind CSS and what's the future of CSS-in-JS?

   Styled-components is an open-source JS library that uses the power of JavaScript to create styled React components easily. Tailwind CSS follows the Atomic CSS methodology, where every class sets only one styling rule. The only difference is that you write your CSS in your JS files or even JSX.

   75

   9
2. 2
   Article

   daily.dev·5y

   A Guide To Writing Clean API Calls Using Axios

   Axios is a third-party library that lets you write clean API calls. It gives features such as interceptors, defaults, etc. It can be overkill for small apps. It bloats your production build size. It is not native to Javascript, unlike Fetch.

   43

   3
3. 3
   Article

   daily.dev·5y

   Tailwind CSS JIT Compiler: First Impression

   Tailwind CSS is a utility-first CSS framework. Its PostCSS plugin generates atomic classes that we can use in HTML to style a component rapidly. The problem is that too many classes are produced, and it yields a massive CSS bundle. The new JIT compiler, inspired by Windi CSS, is here to save the day.

   16

   1
4. 4
   Article

   daily.dev·5y

   Getting Started with Alpine.js - The Ultimate Guide

   Alpine.js is a JavaScript framework that enables us to enhance our JavaScript applications with its reactive and declarative nature. It’s lightweight (~7kB gzipped) and designed to write markup-driven client-side JavaScript. It is not used to create SPAs, it just uses the nature of Angular.js to strengthen your templates. Alpine.js has no file structure, also it doesn’t have a CLI tool.

   16

   4