Search Results for "jsx" - Page 2
Sort By:
Showing 49 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.
-
$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.
-
1
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... -
2
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. -
3
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... -
4
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! -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
5
Aleph.js
The Full-stack Framework in Deno
The Full-stack Framework in Deno. Aleph.js gives you the best developer experience for building web applications. Aleph.js is a modern framework that doesn't need webpack or another bundler since it uses the ES Module syntax during development. Every module only needs to be compiled once, when a module changes, Aleph.js just needs to re-compile that single module. There is no time wasted re-bundling every time a change is made. This, along with Hot Module Replacement (HMR) and Fast Refresh,... -
6
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... -
7
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... -
8
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. -
9
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. -
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
10
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... -
11
Pagedraw
A UI builder for React web apps
Pagedraw is a Sketch/Figma-style UI builder that generates production-ready React JSX. Users visually design interfaces via drag‑and‑drop components and get exportable React components. Though production support ended and it’s deprecated, the open-source release preserves its innovative design‑to‑code approach. -
12
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... -
13
rjsx-mode
A JSX major mode for Emacs
rjsx-mode is an Emacs major mode derived from js2-mode, tailored for editing JSX files. It extends the parser to support full JSX syntax, providing features like syntax highlighting, indentation, and error checking for React development. -
14
React PWA
An upgradable boilerplate for Progressive web applications (PWA)
A highly scalable, Progressive Web Application foundation, boilerplate, with the best Developer Experience. Getting started with ReactPWA is very easy. It helps you create Progressive Web Apps easily. PWA is not the only option given to the developer, one can develop static sites with hash routing, enable/disable service workers, and also create a simple deployable application. Using ReactPWA you can create a Progressive web application with simple knowledge of React.JS. As we all know,... -
15
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. -
16
Synthclipse
GLSL shader prototyping tool based on Eclipse IDE.
...It makes possible to fast develop all kinds of shaders: Fragment (FS), Vertex (VS), Geometry (GS), Tessellation (TS) and Compute (CS). Shader development can be done using, compatible with Fragmentarium and Shadertoy (but limited to FS and VS), Fragx shaders or by using fully featured JavaScript JSX scripts. The JSX API is consistent with WebGL but in fact exposes complete OpenGL 4+ API. To install Synthclipse one can download prepacked Eclipse with Synthclipse feature (see "Files" section above) or update an existing Eclipse using the following Update Site: https://kamil-kolaczynski.github.io/synthclipse/update/ Prepacked version has one advantage: it has nice console logs coloring since it shipped with Grep Console plugin ( https://marketplace.eclipse.org/content/grep-console ) that is configured specially for Synthclipse logs. -
17
Syntastic
Syntax checking hacks for vim
...At the time of this writing, syntastic has checking plugins for ACPI Source Language, ActionScript, Ada, Ansible configurations, API Blueprint, AppleScript, AsciiDoc, Assembly languages, BEMHTML, Bro, Bourne shell, C, C++, C#, Cabal, Chef, CMake, CoffeeScript, Coco, Coq, CSS, Cucumber, CUDA, D, Dart, DocBook, Dockerfile, Dust, Elixir, Erlang, eRuby, Fortran, Gentoo metadata, GLSL, Go, Haml, Haskell, Haxe, Handlebars, HSS, HTML, Java, JavaScript, JSON, JSX, LESS, Lex, Limbo, LISP, LLVM intermediate language, Lua, Markdown, MATLAB, Mercury, NASM, Nix, Objective-C, Objective-C++, OCaml, Perl, Perl POD, PHP, etc. -
18
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. ... -
19
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! -
20
ttag
Simple approach for javascript localization
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... -
21
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. -
22
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. ... -
23
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. -
24
Emmet
The essential toolkit for web-developers
...For example, bd1-s#f.5 will be expanded to border: 1px solid rgba(255, 255, 255, 0.5). Use single abbreviation to produce code for most popular syntaxes like HAML, Pug, JSX, SCSS, SASS etc.
