Search Results for "jsx"
Sort By:
Showing 25 open source projects for "jsx"
View related business solutions-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
Build Securely on Azure with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
1
stylex-jsx
Full CSS support for JSX without compromises
Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client). Code and docs are for v3 which we highly recommend you to try. Looking for styled-jsx v2? Switch to the v2 branch. Blazing fast and optimized CSS rules injection system based on the CSSOM APIs. Full CSS support, no tradeoffs in power. Runtime size of just 3kb (gzipped, from 12kb). Complete isolation: Selectors, animations, keyframes. -
2
eslint-plugin-jsx-a11y
Static AST checker for a11y rules on JSX elements
Static AST checker for accessibility rules on JSX elements. This plugin does a static evaluation of the JSX to spot accessibility issues in React apps. Because it only catches errors in static code, use it in combination with axe-core/react to test the accessibility of the rendered DOM. Consider these tools just as one step of a larger a11y testing process and always test your apps with assistive technology. -
3
LemonadeJS
LemonadeJS is a 7KB reactive JavaScript micro-library
...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. -
4
react-fullpage
Official React.js wrapper for fullPage.js
react-fullpage is the official React wrapper for fullPage.js, providing a component that brings full-screen, section-by-section scrolling layouts into React applications. The wrapper uses a render-prop API, where you pass a render function that receives component state and the fullpageApi, allowing you to build React JSX markup while delegating scroll behavior to fullPage.js under the hood. It is distributed in multiple formats, including a standard ES module and a UMD bundle, so it can be used in projects with or without a modern build step. The library supports server-side rendering scenarios (such as Next.js and Gatsby) by returning a static version when window is not available and then hydrating into the “live” interactive version on the client. ... -
Host LLMs in Production With On-Demand GPUsDeploy your model, get an endpoint, pay only for compute time. No GPU provisioning or infrastructure management required.
-
5
Babel
The compiler for writing next generation JavaScript
Babel is a toolchain that helps you write code in the latest version of JavaScript. It converts ECMAScript 2015+ code into a backwards compatible version of JavaScript that can be run by older JavaScript engines. With Babel you can transform syntax, polyfill features that are missing in your target environment, transform source code and more! -
6
Spectacle
A ReactJS based Presentation Library
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. ... -
7
Preact
Fast 3kB React alternative with the same modern API
Preact is a lightweight alternative to React that implements the same core component and hooks model in a tiny footprint. It provides a virtual DOM, diffing, and a familiar Component/JSX API, enabling developers to reuse much of their React knowledge. With preact/compat, many React libraries can be used directly, making migration or code sharing practical in performance-sensitive apps. Its focus on size and speed makes it attractive for embedded widgets, mobile web, and scenarios where initial load must be extremely fast. ... -
8
Omi
Front end cross-frameworks framework
Omi (pronounced /ˈomɪ/) is cross-frameworks framework base on Web Component, you can also use omio compatible IE8+ with the same grammar. One framework, Mobile & desktop & mini program. Simply download and include with <script>. Omi will be registered as a global variable. If you need to be compatible with IE8+, you can choose omio, which has almost the same API as omi, and Omi will be registered as a global variable. Omi provides the official CLI. You don't need to learn how to configure... -
9
clsx
A tiny utility for constructing `className` strings conditionally
...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. -
Save Up to 91% on Cloud Compute With Spot VMsRun batch jobs at 60-91% off with Spot VMs. Long-running workloads get automatic discounts with sustained use.
-
10
Twin
Twin blends the magic of Tailwind with the flexibility of css-in-js
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... -
11
hyperx
Tagged template string virtual dom builder
tagged template string virtual dom builder. This module is similar to JSX, but provided as a standards-compliant ES6 tagged template string function. hyperx works with virtual-dom, react, hyperscript, or any DOM builder with a hyperscript-style API: h(tagName, attrs, children). You might also want to check out the hyperxify browserify transform to statically compile hyperx into javascript expressions to save sending the hyperx parser down the wire. -
12
documentation.js
Documentation for modern JavaScript
A documentation system so good, you'll actually write documentation. documentation.js has pluggable output formats: you can get raw documentation as JSON, beautiful, customizable HTML, or Markdown that fits perfectly into an API.md or README.md file in a GitHub repository. Demos, self-documentation as HTML, Markdown, JSON. documentation.js aims to cover all flavors of modern JavaScript. documentation.js works in your workflow, whether you just want a command-line utility that generates... -
13
HTM
JSX alternative using standard tagged templates, with compiler support
htm is JSX-like syntax in plain JavaScript, no transpiler necessary. Develop with React/Preact directly in the browser, then compile htm away for production. It uses standard JavaScript Tagged Templates and works in all modern browsers. The syntax you write when using HTM is as close as possible to JSX. htm actually takes the JSX-style syntax a couple steps further! -
14
React Rails
Integrate React.js with Rails views and controllers
React-Rails is a flexible tool to use React with Rails. If you use Jbuilder to pass a JSON string to react_component, make sure your JSON is a stringified hash, not an array. This is not the Rails default, you should add the root node yourself. React-Rails 2.4.x uses React 16+ which no longer has React Addons. Therefore the pre-bundled version of react no longer has an addons version, if you need addons still, there is the 2.3.1+ version of the gem that still has addons. React-Rails supports... -
15
Create React App
Set up a modern web app by running one command
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... -
16
Airbnb JavaScript Style Guide
JavaScript Style Guide
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. -
17
Snowpack
ESM-powered frontend build tool
...It was designed to make development faster by avoiding the traditional full-bundle step during local work. The dev server can start quickly and reflect browser changes almost instantly. Snowpack supports modern web project needs such as TypeScript, JSX, CSS Modules, plugins, and framework integrations. It can also connect with bundlers for optimized production builds when a project needs minification, code splitting, or compatibility output. The repository is no longer actively maintained, so it is best understood as an important legacy tool that influenced the modern unbundled development workflow. -
18
Superfine
Absolutely minimal view layer for building web interfaces
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... -
19
Poi
A zero-config bundler for JavaScript applications
Poi is a bundler built on the top of webpack, trying to make developing and bundling apps with webpack as easy as possible. Before we get started, ensure that you have installed Node.js (>=8) and Yarn (or npm) on your machine. Inside an empty project, run yarn init or npm init to create a package.json and install Poi. Poi CLI is built into the main package poi. While you can install it globally and run it, it is much better to install it locally into your project as a dev dependency. By... -
20
babel-eslint
A wrapper for Babel's parser used for ESLint
...If this is not the case, please use the relevant parser for your chosen flavor of ECMAScript (note that the default parser supports all non-experimental syntax as well as JSX). ESLint allows for the use of custom parsers. When using this plugin, your code is parsed by Babel's parser (using the configuration specified in your Babel configuration file) and the resulting AST is transformed into an ESTree-compliant structure that ESLint can understand. -
21
Didact
A DIY guide to build your own React
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. ... -
22
React Boilerplate
A highly scalable, offline-first foundation with the best DX
...React Boilerplate offers predictable state management so you can take control of your app’s state and keep state mutations manageable. It also features next generation JavaScript, so you can stop worrying about browser support or use features like arrow functions, JSX syntax and more. There’s also support for next generation CSS, and being offline first, it allows availability without network connection from the moment your users load the app. React Boilerplate also provides instant feedback, so you can have nothing but the best developer experience! -
23
Illustrated Algorithms
Interactive algorithm visualizations
...Literally the same source file. Going back and forth between function execution (and call stack when algorithm uses recursion) is effortless. So is pausing and resuming. This project uses styled-jsx, but takes the idea of CSS-in-JS even further. Sizing, positioning and transition offsets are computed by JS, all before elements hit the DOM. -
24
Relay Fullstack
Modern Relay Starter Kit - Integrated with Relay, GraphQL, Express
Relay Fullstack is a Relay scaffolding application that aims to help you get up and running a project without worrying about integrating tools. It comes with many modern technologies; Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS. Relay Fullstack is also using Hot-reload to real-time update the screen whenever any code changes. Built with Relay, React, and GraphQL that make your app insanely fast and scalable. Come with Webpack, Babel, HMR, Eslint, Autoprefix, Precss, Nodemon, etc. Designed with simplicity in mind, which allows you to easily customize to suit your needs. ... -
25
webpack-howto
This is a cookbook of how to get things done with webpack
...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.
- Previous
- You're on page 1
- Next
