Community Picks

Daisy UI has introduced loading spinners with its latest version. Spinners indicate an activity or event is currently running in the background. The new Accordion component in Daisy UI is an update on but uses radio buttons inside the hood. This makes it possible to make JS-free components more efficient, faster, and accessible.

Daisy UI 3.0 Released: New components, themes, improvements, and more!

Panda combines the developer experience of CSS-in-JS and the performance of atomic CSS. It leverages static analysis to scan your JavaScript and TypeScript files for JSX style props and function calls, generating styles on-demand. The development of Panda was only possible due to the inspiration and ideas from these amazing projects.

Documentation

NakedJSX is a command-line tool for generating HTML files from JSX. The output is pure HTML and CSS - unless you choose to add your own JavaScript. NakedJSX provides an optional and small runtime allowing JSX to be used by client-side JavaScript.

Use JSX without React

JSX is an extension of JavaScript syntax used in React for describing UI components using XML-like syntax. It allows developers to write HTML-like code within JavaScript files, enabling the creation of dynamic and interactive user interfaces. Readers can learn how JSX simplifies UI development in React applications by combining markup and logic in a single file, improving readability, maintainability, and developer productivity in building modern web applications.

Best of JSX — June 2023