hyperapp - 1 KB JavaScript library for building frontend applications.

•    Javascript

---

1 KB JavaScript library for building frontend applications.

hyperapp vdom dom elm jsx framework hyperx hyperscript javascript-framework mvc

riot - Simple and elegant component-based UI library

•    Javascript

---

A React-like user interface micro-library

webcomponents minimal framework client-side view customtags lite elegant simple custom-tags custom-elements web-components virtual-dom shadow-dom polymer react jsx minimalist declarative templating template data-binding mvc model controller riotjs riot.js javascript-framework

react-engine - a composite render engine for universal (isomorphic) express apps to render both plain react views and react-router views

•    Javascript

---

Pass in a JavaScript object as options to the react-engine's server engine create method. The options object should contain the mandatory routes property with the route definition.routesFilePath: <String> - path for the file that contains the react router routes. react-engine uses this behind the scenes to reload the routes file in cases where express's app property view cache is false, this way you don't need to restart the server every time a change is made in the view files or routes file.

react render render-engine react-router view-engine express jsx

react-art - React Bridge to the ART Drawing Library

•    Javascript

---

React ART is a JavaScript library for drawing vector graphics using React. It provides declarative and reactive bindings to the ART library. Using the same declarative API you can render the output to either Canvas, SVG or VML (IE8).

react art svg vml canvas jsx

react-rails - Integrate React.js with Rails views and controllers, the asset pipeline, or webpacker.

•    Javascript

---

Webpacker integrates modern JS tooling with Rails.

react-rails jsx react rails sprockets webpacker

javascript - JavaScript Style Guide

•    Javascript

---

Note: this guide assumes you are using Babel, and requires that you use babel-preset-airbnb or the equivalent. It also assumes you are installing shims/polyfills in your app, with airbnb-browser-shims or the equivalent.1.1 Primitives: When you access a primitive type you work directly on its value.

eslint naming-conventions arrow-functions style-guide style-linter es6 es2015 linting styleguide lint airbnb react jsx

component-playground - A component for rendering React components with editable source and live preview

•    Javascript

---

codeText takes a string of JSX markup as its value. While you can just pass it a string, I find it is easier to make a separate file and use Webpack's raw loader to load in the raw source. In the example above I use the .example extension, and an examples folder to organize my samples.

component-playground jsx react playground live component

styled-jsx - Full CSS support for JSX without compromises

•    Javascript

---

Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client).Code and docs are for v2 which we highly recommend you to try. Looking for styled-jsx v1? Switch to the v1 branch.

react jsx css dynamic-styles css-in-js shadow-dom

react.backbone - Plugin for React to make Backbone migration easier

•    Javascript

---

Plugin for React to make Backbone integration easier. Initialize your component with a Backbone.Model or Backbone.Collection; when the model or collection changes, #render will be called. React.Backbone also plays nicely with Backbone.Collection. Anytime the add, remove, reset or sort events are triggered the component will re-render.

react backbone reactjs jsx react.backbone

splittable - Module bundler with support for code splitting, ES6 & CommonJS modules.

•    Javascript

---

Requires java for one dependency to run. It is recommended to run splittable from the root directory of your project.

bundler module code-splitting commonjs es6 closure-compiler jsx

anu - the React16-compat mini library

•    Javascript

---

a React16-compact mini framework

react anu react-like jsx vdom virtual-dom react-compat performance ie8

jsx-control-statements - Neater If and For for React JSX

•    Javascript

---

JSX-Control-Statements is a Babel plugin that extends JSX to add basic control statements: conditionals and loops. It does so by transforming component-like control statements to their JavaScript counterparts - e.g. <If condition={condition()}>Hello World!</If> becomes condition() ? 'Hello World!' : null. Developers coming to React from using JavaScript templating libraries like Handlebars are often surprised that there's no built-in looping or conditional syntax. This is by design - JSX by is not a templating library, it's declarative syntactic sugar over functional JavaScript expressions. JSX Control Statements follows the same principle - it provides a component-like syntax that keeps your render functions neat and readable, but desugars into clean, readable JavaScript.

react jsx babel babel-plugin if else for each loop react-component

isomorphic-flux-boilerplate - ES7 Isomorphic Flux/ReactJS Boilerplate

•    Javascript

---

A wonderfull boilerplate for Flux/ReactJS universal applications, running on koajs. Koa will be our server for the server side rendering, we use alt for our Flux architecture and react-router for routing in our app.

react flux alt iso isomorphic spa ssr koa webpack jsx es6 babel postcss precss eslint react-router react-transform-hmr react-transform hot-loader async server generator es7 i18n intl

react-document-title - Declarative, nested, stateful, isomorphic document.title for React

•    Javascript

---

Provides a declarative way to specify document.title in a single-page app. This component can be used on server side as well. Built with React Side Effect.

react component react-component document.title title jsx

react-sparklines - Beautiful and expressive Sparklines React component

•    Javascript

---

width, height - dimensions of the generated sparkline in the SVG viewbox. This will be automatically scaled (i.e. responsive) inside the parent container by default. svgWidth, svgHeight - If you want absolute dimensions instead of a responsive component set these attributes.

react component react-component charts sparklines visualization jsx

klipse - A simple client-side code evaluator pluggable on any web page: clojure, ruby, javascript, python, scheme, es2017, jsx, brainfuck, c++, reagent, lua, ocaml, reasonml

•    Clojure

---

A simple client-side code evaluator pluggable on any web page: clojure, ruby, javascript, python, scheme, es2017, jsx, brainfuck, c++, reagent, ocaml, reason, common lisp

clojurescript interactive-snippets code-evaluation repl snippets reagent jsx

yew - Rust framework for building client web apps

•    Rust

---

Yew is a modern Rust framework inspired by Elm and ReactJS for creating multi-threaded frontend apps with WebAssembly. NEW! The framework supports multi-threading & concurrency out of the box. It uses Web Workers API to spawn actors (agents) in separate threads and uses a local scheduler attached to a thread for concurrent tasks.

web gui jsx elm web-framework wasm asmjs emscripten concurrency multithreading webworkers

cherow - Very fast and lightweight, standards-compliant, self-hosted javascript parser with high focus on both performance and stability

•    TypeScript

---

Cherow is a very fast and lightweight, standards-compliant, self-hosted javascript parser with high focus on both performance and stability. This repo is managed as a monorepo that is composed of many independent npm packages.

ecmascript parsing performance ecmascript-parser typescript tc39 jsx mobile node-module node-js

atom-beautify - :lipstick: Universal beautification package for Atom editor (:warning: Currently migrating to https://github

•    CoffeeScript

---

Atom-Beautify respects the core.telemetryConsent configuration option from Atom editor. If you do not wish to have usage data sent to Google Analytics then please set core.telemetryConsent to no or undecided option before using Atom-Beautify. See Anonymous Analytics section of docs for details. Thank you. Atom-Beautify is going to be completely rewritten with Unibeautify at its core! See unibeautify branch for work in progress and Issue #1174.

atom beautifier formatter coffeescript beautify prettifier prettify js-beautify format pretty html handlebars mustache xml css json sass scss less sql markdown typescript cpp c-sharp coldfusion uncrustify apex pawn vala erb editorconfig yaml front-matter jekyll marko svg elm arduino crystal csv ejs gherkin haskell hindent brittany jade jsx latex ocaml puppet riot.js spacebars swig tss twig visualforce xtemplate autopep8 coffee-formatter coffee-fmt clang-format dfmt elm-format html-beautifier csscomb gherkin-formatter gofmt latex-beautify fortran-beautifier jscs-fixer eslint eslint-fixer lua-beautifier ocp-indent perltidy php-cs-fixer phpcbf pretty-diff pug-beautify puppet-lint r remark rubocop ruby-beautify rustfmt sqlformat stylish-haskell tidy-markdown typescript-formatter yapf erl_tidy marko-beautifier vue vue-beautifier sassconvert formatr clojure-beautifier nunjucks ux-markup pybeautifier cljfmt bash beautysh glsl hh_format nginx nginx-beautify golang-template align-yaml goimports terraform terraformfmt tsx prettier verilog emacs-verilog-mode vhdl vhdl-beautifier gn blade

react-konva - React + Canvas = Love

•    Javascript

---

React Konva is a JavaScript library for drawing complex canvas graphics using React. It provides declarative and reactive bindings to the Konva Framework.

konva draw-graphics react canvas konva-framework visualization jsx