Search Results for "jsx"

...The main goal of the esbuild bundler project is to bring about a new era of build tool performance, and create an easy-to-use modern bundler along the way. The major features are: extreme speed without needing a cache, ES6 and CommonJS modules, tree shaking of ES6 modules, an API for JavaScript and Go, TypeScript and JSX syntax, source maps, minification, and plugins.

esbuild is a JavaScript bundler written in Go that supports blazing-fast ESNext & TypeScript transpilation and JS modification. esbuild-loader lets you harness the speed of esbuild in your Webpack build by offering faster alternatives for transpilation (eg. babel-loader/ts-loader) and minification (eg. Terser)! If you have a tsconfig.json file, esbuild-loader will automatically detect it. esbuild only supports a subset of tsconfig options (see TransformOptions interface) and does not do...

...The function accepts any number of arguments in a variety of forms: strings, numbers, arrays, and objects where truthy values indicate which classes to include. It then returns a deduplicated, space-separated class string that can be applied directly to HTML or JSX className attributes. The library is distributed in multiple formats (ESM, CommonJS, and UMD) so it works well in bundlers, Node environments, and direct tags. Because it has zero dependencies and a stable API, it is widely used in both small projects and large production codebases where bundle size is a concern.

Twin blends the magic of Tailwind with the flexibility of CSS-in-js (emotion, styled-components, stitches, and goober) at build time. When babel runs over your javascript or typescript files at compile time, twin grabs your classes and converts them into CSS objects. These CSS objects are then passed into your chosen CSS-in-js library without the need for an extra client-side bundle. Twin collapses imports from common styling libraries into a single import. Adds no size to your build. Twin...

Create React App lets you create React apps quickly and easily-- no learning of build tools or build configurations necessary. All you need is one command, and you can get started in seconds. All tools are preconfigured and hidden, and with instant reloads you can focus on code, not build tools. With Create React App your apps need only one build dependency, so everything works together seamlessly, and when it’s time to deploy your bundles are automatically optimized. With Create...

Didact is an educational JavaScript project that teaches developers how to build a small React-like library from scratch. It accompanies a series of explanatory posts that break down React concepts step by step. The project covers rendering DOM elements, element creation, JSX, virtual DOM behavior, reconciliation, components, state, Fiber-style incremental reconciliation, and hooks. Its goal is not to replace React, but to make React’s internal ideas easier to understand through a compact implementation. The repository includes code samples and diffs that help learners follow the evolution of the system across lessons. ...