Search Results for "jsx"
Sort By:
Showing 37 open source projects for "jsx"
View related business solutions-
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
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
MDX
Markdown for the component era
MDX lets you use JSX in your markdown content. You can import components, such as interactive charts or alerts, and embed them within your content. This makes writing long-form content with components a blast. -
4
ESLint-plugin-React
React specific linting rules for ESLint
...This plugin also exports an all configuration that includes every available rule. This pairs well with the eslint:all rule. These configurations will import eslint-plugin-react and enable JSX in parser options. -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
5
Complete Intro to React v8
The Complete Intro to React, as taught by Brian Holt
Complete Intro to React v8 is the source repository for Brian Holt’s Frontend Masters courses covering introductory React and Intermediate React v5. It begins with React without heavy tooling, then introduces modern JavaScript tools and core component concepts. Learners work with JSX, props, state, effects, hooks, context, routing, and specialized React APIs. Later modules cover performance, low-priority rendering, TypeScript, Redux, Tailwind CSS, and application testing. The repository hosts the course website and written lessons, while a separate project repository provides step-by-step application files. Its organized sections let students move from fundamentals into production-oriented patterns. ... -
6
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. -
7
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. ... -
8
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! -
9
uhtml
A micro HTML/SVG render
uhtml is a minimal JavaScript library for building fast, reactive HTML and SVG interfaces with standard web platform features. It uses tagged template literals to provide a JSX-inspired syntax without requiring a compiler or specialized build tools. Components can be written as regular functions and connected to reactive state through signals, computed values, effects, batching, and untracked reads. The renderer supports keyed nodes, references, fragments, event handlers, boolean attributes, direct property updates, and object spreading. ... -
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
10
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. ... -
11
Preguntas de entrevista para React
Questions about React for job interviews
...The repository is not just a list of questions: it includes detailed explanations in Spanish, making it useful as both an interview prep guide and a deeper learning reference.The content is structured in sections (beginner, intermediate, expert), covering everything from “What is React?” and JSX basics to advanced topics such as hydration, server components, useTransition, useSyncExternalStore, server actions, streaming rendering APIs, and new React 19 features. It also includes JavaScript fundamentals that are essential for React, like array methods, optional chaining, arrow functions, and module syntax, so learners can strengthen their base while studying React itself. -
12
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. ... -
13
gulp-babel
Gulp plugin for Babel
Use next-generation JavaScript, today, with Babel. Install gulp-babel if you want to get the pre-release of the next version of gulp-babel. See the Babel options, except for sourceMaps and filename which are handled for you. Also, keep in mind that options will be loaded from config files that apply to each file. Files in the stream are annotated with a babel property, which contains the metadata from babel.transform(). If you're attempting to use features such as generators, you'll need to... -
14
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... -
15
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. -
16
vue3-sfc-loader
Single File Component loader for Vue2 and Vue3. Load .vue files
...No node.js environment, no (webpack) build step needed. Supports Vue 3 and Vue 2. Supports IE11, only requires Vue runtime-only build. esm and umd bundles are available. Embedded ES6 modules support. JSX support. Custom CSS, HTML and Script language Support, see pug and stylus examples. SFC Custom Blocks support. Properly reports template, style or script errors through the log callback. Focuses on the component compilation. Network, styles injection and cache are up to you. Easily build your own version and customize the browsers you need to support. -
17
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... -
18
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. -
19
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... -
20
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! -
21
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... -
22
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... -
23
Complete Intro to React v5
The Complete Intro to React, the fifth version
Complete Intro to React v5 is the companion code repository for Brian Holt’s Frontend Masters courses on introductory and intermediate React. Its main branch contains the finished pet-adoption application built during the introductory course. The project demonstrates React components, JSX, props, state, effects, context, custom hooks, routing, modals, and error boundaries. Learners use an external pet API to search available animals, inspect details, and navigate between views. Parcel, Babel, ESLint, and Prettier provide the development, compilation, linting, and formatting workflow. Separate branches organize intermediate topics into modules that can be studied independently or out of order. ... -
24
Complete Intro to React v6
learn React.js with Brian Holt
Complete Intro to React v6 is the course website and lesson repository for Brian Holt’s Frontend Masters React curriculum. It guides learners from plain React rendering through JSX, components, user input, hooks, effects, and custom hooks. The course then adds composition, routing, class state, error boundaries, context, portals, and refs. Intermediate sections examine Redux, code splitting, server-side rendering, Tailwind CSS, testing, and TypeScript migration. A separate companion repository provides incremental project snapshots for each major lesson. ... -
25
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.
