1 KB JavaScript library for building frontend applications.
hyperapp vdom dom elm jsx framework hyperx hyperscript javascript-framework mvcA 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-frameworkPass 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 jsxReact 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 jsxWebpacker integrates modern JS tooling with Rails.
react-rails jsx react rails sprockets webpackerNote: 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 jsxcodeText 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 componentFull, 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-domPlugin 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.backboneRequires 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 jsxa React16-compact mini framework
react anu react-like jsx vdom virtual-dom react-compat performance ie8JSX-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-componentA 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 intlProvides 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 jsxwidth, 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 jsxA 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 jsxYew 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 webworkersCherow 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-jsAtom-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 bladeReact 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
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.