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.

Spectacle is an open source presentation library based on React.js. It lets you create sleek presentations using JSX syntax, giving you the ability to live demo your code. Spectacle’s presentations are lively and interactive, with clickable elements, themes, custom backgrounds, animations, and many other fun and unique elements you can add to make your presentations pop. With Spectacle you can also live demo your code in real time without having to leave the presentation deck. ...

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...

...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.