esbuild
Tailwind CSS
Our great sponsors
esbuild | Tailwind CSS | |
---|---|---|
202 | 658 | |
31,790 | 57,161 | |
- | 3.8% | |
9.8 | 9.8 | |
11 days ago | about 23 hours ago | |
Go | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
esbuild
-
Using the ESBuild plug-in mechanism to achieve the desired functionality
esbuild is a general purpose code compiler and build tool that uses golang builds, it is very fast and 1~2 orders of magnitude higher in performance than the existing js toolchain. It's not an out-of-the-box build tool yet, but with its plugin system we can already do a lot of things.
import { Plugin } from 'esbuild' /** * Automatically exclude all dependencies * Some regular expression syntax of js is not supported by golang, see https://github.com/evanw/esbuild/issues/1634 */ export function autoExternal(): Plugin { return { name: 'autoExternal', setup(build) { build.onResolve({ filter: /. */ }, (args) => { if (/^\. {1,2}\//.test(args.path)) { return } return { path: args.path, external: true, } }) }, } }
-
Go: The language of cloud-native development - SD Times
But then you see stuff like ESBuild, where the Evan Wallace (the author) tried to write in both Rust and Go, and his Go version was faster. According to him, this was probably because Go runs destructors in a parallel thread, whereas Rust runs them in the same thread (source), among other factors. The same performance could theoretically be achieved in Rust, but it would demand a lot more effort.
-
Better Backend DX: Fastify + ESBuild = ⚡️
Use esbuild as a compiler and backend bundler
Will provide an alternative solution for Windows later. (ref: https://github.com/evanw/esbuild/issues/976)
- Unix command line conventions over time
-
Why You Should Ditch Create-React-App for Vite
Esbuild is a Javascript build tool written in Go, which pre-bundles dependencies 10-100 times faster than Javascript-based bundlers.
-
Make your end to end tests fast
We did this via the npm threads wrapper and esbuild. We first moved all of our compute code into a new file with minimal imports, called imageCompare.worker.js. We then added a pre-compilation step with esbuild to compile this file into a bundle. We then spawn the worker using this generated file as a blob, and interact with it via the threads promise interface.
-
Is typescript better than JS?
Though, if you want to use one, do yourself a favor and give esbuild a try. It is orders of magnitude faster, at the cost of less flexibility.
-
How I Build and Deliver B2B SaaS Software as a 1.5* Person Indie Developer
Make my builds faster by forcing myself onto esbuild from the beginning, even if that makes delivering some capabilities harder (like web workers and service workers, Hot Module Replacement, and so on).
Tailwind CSS
- Tailwindcss - A utility-first css framework for rapid ui development.
-
I want to make a website for myself
I’d also recommend using a CSS framework, to spare yourself the frustration of either trying to tinker with the nitty gritty until things finally look OK or alternatively having to deal with looking at an ugly website the whole time. Milligram is a good starting point here that makes your website look OK literally by just adding one line, Tailwind is more involved to get started with but for me the easiest to use if you’re trying to get a custom look, Bootstrap is kind of a middle ground here - it gives you components to work with so it’s a bit more pluggable than Milligram and it’ll have something for most things you’re trying to do, but it’ll also be pretty hard to achieve a custom look (it can be done, but without putting a ton of effort into it your website will basically look like a “bootstrap website”, which is probably not an issue for you right now but it is a downside).
-
is scss too old to use nowadays?
That said, there is a significant community of developers who choose to use css-in-js tooling (I'm a Chakra UI fan, myself) or things like tailwindcss as a way to avoid hand writing CSS/SCSS. I don't miss it writing SCSS by hand, myself.
- Im a backend dev and my wife is a ux designer ( has never coded ). We want to work on a lil app, and code the front end together . . . should we use React or Vue?
-
How to set up Ruby on Rails with Tailwind CSS and Flowbite
In this guide you will learn how to set up Ruby on Rails with Tailwind CSS and install Flowbite to start using the UI components built with the utility classes from Tailwind CSS.
-
Self-documentation of Hire +Plus: V1 (3)
I came across a lint warning of "unknownAtRules". With the help of this link, I was able to resolve it. I just had to ignore it in my vscode settings
-
How to start a TailwindCSS project with SCSS
TailwindCSS is a utility first framework. It's tiny in comparison to Bootstrap, which includes hundreds of large, clunky, pre-built components.Instead, Tailwind includes hundreds of simple, easy to chain together classes to style your pages. These classes can also be stripped and minified when you’re finished designing, resulting in a tiny css file.
-
A daily Anagram game made in react :)
I use https://tailwindcss.com/ for the UI. Thanks for bug report i will fix that :)
-
I create my own homepage!
Next.js for framework, Tailwind CSS for styling (but I wanted to use CSS in JS, so I used twin.macro this time).
-
How do you prefer to style components?
Stitches, vanilla-extract, Tailwind CSS
What are some alternatives?
swc - Rust-based platform for the Web
vite - Next generation frontend tooling. It's fast!
Rollup - Next-generation ES module bundler
webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
windicss - Next generation utility-first CSS framework.
material-ui - MUI Core (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
antd - An enterprise-class UI design language and React UI library
parcel - The zero configuration build tool for the web. 📦🚀
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
flowbite - The most popular library of interactive UI components built with Tailwind CSS
Bulma - Modern CSS framework based on Flexbox