Displaying 1 to 17 from 17 results

hyperHTML - A Fast & Light Virtual DOM Alternative

  •    HTML

A Fast & Light Virtual DOM Alternative available for NodeJS and NativeScript too. This project exists thanks to all the people who contribute. [Contribute].

Under-the-hood-ReactJS - Entire React code base explanation by visual block schemes (Stack+Fiber versions)

  •    Javascript

This repository contains an explanation of inner work of React. In fact, I was debugging through the entire code base and put all the logic on visual block-schemes, analyzed them, summarized and explained main concepts and approaches. I've already finished with Stack version and now I work with the next, Fiber version. Read in the best format from github-pages website.

asm-dom - A minimal WebAssembly virtual DOM to build C++ SPA (Single page applications)

  •    C++

asm-dom is a minimal WebAssembly virtual DOM to build C++ SPA (Single page applications). You can write an entire SPA in C++ and compile it to WebAssembly (or asmjs as fallback) using Emscripten, asm-dom will call DOM APIs for you. This will produce an app that aims to execute at native speed by taking advantage of common hardware capabilities, also, you can use your C/C++ code without any change, you haven't to create a binding layer to use it (as we have to do if we want to use a C++ lib from JS). Basically we are creating an app in C++ that call javascript if needed instead of the opposite. You can write only once in C++ and share as much code as possible with desktop/mobile apps and web site. If you want to learn more about performance, please see this. asm-dom is a low-level virtual DOM library. It is unopinionated with regards to how you should structure your application.

million - 🌈 <1kb virtual DOM - it's fast!

  •    TypeScript

Current Virtual DOM implementations are inadequate—Ranging from overcomplicated to abandoned, most are unusable without sacrificing raw performance and size. Million aims to fix this, providing a library-agnostic Virtual DOM to serve as the core for Javascript libraries. Million doesn't require build tools by default, but it is highly recommended you use NPM to install.

dot-dom -

  •    Javascript

.dom borrows some concepts from React.js (such as the re-usable Components and the Virtual DOM) and tries to replicate them with the smallest possible footprint, exploiting the ES6 javascript features. Tiny by design : The library should never exceed the 512 bytes in size. The goal is not to have yet another template engine, but to have as many features as possible in 512 bytes. If a new feature is needed, an other must be sacraficed or the scope must be reduced.

compiler - Riot compiler

  •    Javascript

Compiler for riot .tag files

fritz - Take your UI off the main thread

  •    Javascript

A library for rendering custom elements in a web worker.

virtual-dom-handlebars - Compile Handlebars to Virtual DOM templates

  •    Javascript

Compile Handlebars templates to javascript that returns a Virtual DOM. The end-game is a set of javascript (.js) files that define functions that return a virtual-dom tree dictated by the corresponding handlebars template (and a provided context). First install.

kivi - Javascript (TypeScript) library for building web user interfaces

  •    TypeScript

Kivi project is all about winning benchmarks, I don't think that many of its benchmark specific "optimizations" are useful in real projects. It doesn't have really important feature for building reusable components, it is impossible to return Components as a root node for another component (HOCs that just wrap another components). This tradeoff was made to implement efficient event delegation because we need to map 1-1 DOM Nodes with Component instances. Its API is quite ugly, all API decisions were made to squeeze out the latest bits of performance, right now profiler reports are mostly dominated by "native" code. This project was an inspiration for many other libraries, if you want to learn how to build a really fast web UI library, take a look at its source code. Code base are quite ugly, but most of the time it was made this way to win benchmarks.

vdom-benchmark - Virtual DOM diff/patch benchmark

  •    Javascript

Comparing performance of the diff/patch operations in various virtual dom libraries.

outwatch - A purely functional and reactive UI framework based on Monix and VirtualDom

  •    Scala

Syntax is almost exactly as in ScalaTags combined with Observables from Monix. and point your browser to http://localhost:8080.

purescript-outwatch - A functional and reactive UI framework based on Rx and VirtualDom

  •    PureScript

First you will need to install purescript and pulp if you haven't already. Then run the following commands to install OutWatch. And you're done, you can now start building your own OutWatch app! Please check out the documentation on how to proceed.

vomit - :mask: a high order function using virtual dom to build user interfaces

  •    Javascript

Vomit is a JavaScript library for building stateless user interfaces. Vomit does not force you into any syntax/API but instead uses the power of JavaScript template literals built in your browser. Quickly create DOM element that you can compose with Objects, Arrays, other DOM elements, Functions, Promises and even Streams.

unexpected-react - Plugin for http://unexpected

  •    Javascript

If you don't need the virtual DOM, and you're just using the shallow renderer, then the order of the requires is not important, and you obviously don't need the emulateDom.js require.

hfactory - Small library to create Virtual DOM elements factories

  •    Javascript

Reduces boilerplate when using Virtual-DOM libraries without transpilation. It mimics React.DOM behavior but makes it pluggable in any existent Virtual-DOM library. HFactory objects contains convenient wrappers for all elements including SVG.

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.