Search Results for "jsx"

...At roughly 5–7 KB, it works directly in the browser or with bundlers like webpack, enabling developers to create reusable, reactive UI components using pure JavaScript, JSX, or TypeScript while avoiding heavy frameworks. Its core reactivity system tracks changes to component state and efficiently updates only the affected parts of the DOM, which improves performance for both small widgets and larger applications. The library also offers powerful template syntax and lifecycle hooks so you can manage state, effects, loops, and events in a clear and expressive way while keeping your code close to native JavaScript.

Sera UI is a modern, open source component library designed for React, Next.js, and other JSX-based frameworks, focused on helping developers build visually polished and highly interactive user interfaces with minimal effort. It is built on top of Tailwind CSS, which enables a utility-first styling approach that makes customization fast, flexible, and consistent across projects. One of its defining characteristics is its copy-and-paste philosophy, allowing developers to directly own and modify component code instead of relying on rigid packages or black-box abstractions. ...

daisyUI components built with React, Typescript, and TailwindCSS. A React component library for daisyUI, the most popular, free, and open-source Tailwind CSS component library.

The Airbnb JavaScript Style Guide is a widely adopted, opinionated, open-source set of coding conventions and best practices for writing readable, maintainable JavaScript (and React/JSX) code, published under the MIT license and assuming usage of modern tooling such as Babel and ESLint. Whichever testing framework you use, you should be writing tests. Strive to write many small pure functions, and minimize where mutations occur. Be cautious about stubs and mocks - they can make your tests more brittle.

Superfine is a minimal view layer for building web interfaces. Think Hyperapp without the framework—no state machines, effects, or subscriptions, just the absolute bare minimum (1 kB minified+gzipped). Mix it with your favorite state management library or use it standalone for maximum flexibility. When describing how a page looks in Superfine, we don't write markup. Instead, we use the h() and text() functions to create a lightweight representation of the DOM (or virtual DOM for short), and...

Modern javascript i18n localization library based on ES6 tagged templates and the good old GNU gettext. Just tag your strings to make them translatable. Use a simple ttag-cli tool for translation extraction. Can be easily integrated with almost any workflow as it uses the babel-plugin for string extraction. Can be easily used with the typescript. Allows you to place translations into the sources on a build step. Gettext is a simple localization format with a rich ecosystem. Ttag has support...

...The guide covers why webpack is useful, how it compares to Browserify, how to invoke it, and how to organize a webpack.config.js file. It walks through loaders for CoffeeScript, JSX, ES6, CSS, LESS, and static images. It also explains production builds, source maps, bundle splitting, async loading, feature flags, shimming, testing, and optimization patterns. webpack-howto is best understood as a historical but still informative webpack learning reference for developers studying JavaScript build tooling.