Displaying 1 to 20 from 40 results

hyperx - 🏷 - tagged template string virtual dom builder

  •    Javascript

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).

react-hyperscript - Hyperscript syntax for React.js markup

  •    Javascript

Hyperscript syntax for React.js markup. If you're using React 0.11, use react-hyperscript 1.x.x. For later versions, use react-hyperscript 2.x.x.

hyperscript-helpers - Terse syntax for hyperscript.

  •    Javascript

Terse syntax for hyperscript. Less than 50 lines of code, taking your hyperscripting to the next level.




ijk - Transforms arrays into virtual dom trees; a terse alternative to JSX and h

  •    Javascript

This is a tiny recursive factory function that allows you to write terse, declarative representations of virtual DOM trees. It does not try mimic HTML or JSON syntax but instead a series of nested arrays to represent user interfaces. The above call to h returns a virtual DOM tree with named attributes that respect the provided schema. Expected output here, would be of the shape { x: 'main', y: {}, z: [...] }. A tree like this can be passed as a node to patch, diff and render algorithms exposed by libraries like Hyperapp, Ultradom or Preact.

html2hscript - parses html into hyperscript

  •    Javascript

Parse html to hyperscript library. https://www.npmjs.com/~unframework who wrote the parsing code.


vue-html - Use tagged template string in Vue.js

  •    Javascript

The syntax is exactly the same as Vue JSX despiting that we're using tagged template string here.this.$html returns a vNode, it does the same thing that h function does, so you can use it with h function.

hyperscript-attribute-to-property - Convert hyperscript attributes to properties

  •    Javascript

Some html attributes have different JavaScript property names. The most annoying of these is class v.s. className.Works with virtual-dom, react, hyperscript, or any DOM builder with a hyperscript-style API: h(tagName, attrs, children).

dscript - Framework agnostic hyperscript

  •    Javascript

Should work with any JSX pragma that works out of the box with Babel's JSX implementation or a function that accepts an HTML tag or component, attributes object, and children list.It is recommended to use dscript-react to remove dscript boilerplate.

virtual-hyperscript-svg - create virtual-dom nodes for svg using hyperscript syntax

  •    Javascript

Create a virtual-dom tree for a tag name/selector, some properties, and an array of children.Implicitly, the svg namespace (http://www.w3.org/2000/svg) is used and all properties are treated as attributes.

sun - Simple little virtual DOM node builder for Preact.

  •    Javascript

Simple little virtual DOM node builder for Preact.High-Order Components are a powerful technique for modifying children on the fly. Here's how you can do it with sun.

hyperstyles - Transparently apply CSS Modules to hyperscript-compatible DOM builders, such as virtual-hyperscript and React

  •    Javascript

Transparently apply CSS Modules to hyperscript-compatible DOM builders, such as virtual-hyperscript and React. To use CSS Modules, you'll need to set up your module bundler to load Interoperable CSS.

inferno-hyperscript - Hyperscript syntax for Inferno termplates.

  •    Javascript

Hyperscript syntax for Inferno termplates. Returns an Inferno VNode from a Hyperscript representation.

babel-plugin-h-children-fix - Allows use of standard babel JSX tools with virtual-dom/h

  •    Javascript

I wanted to use virtual-dom's "hyperscript" but write it using regular JSX syntax. Standard Babel plugins as of 6.0+ have great tools for JSX, including the ability to specify a "pragma" to use instead of React.createElement (which is the default). You simply npm install babel-plugin-transform-react-jsx and specify the pragma. Docs for that are here.

nux - A Push-Based Functional Reactive Web Application Framework

  •    Javascript

Nux combines redux, virtual-dom, and immutable-js into a framework that enables the creation of applications whose entire state, UI included, lives in one large immutable object which can only be modified by creating a new state from provided reducer functions. Nux is not just another framework for binding application data to UI templates - it cuts out the middle man by treating UI and application data as one, single object, thus guaranteeing perfect agreement on state throughout an application's lifecycle. Nux can run on the client, on the server, or even in web workers to provide blazing fast rendering.

Eth-Token-Sender - A simple single-page app for viewing an Ethereum token's balance and sending it.

  •    Javascript

A composable boilerplate for writing Ethereum dapps in a similar environment to what the MetaMask developers use themselves to develop MetaMask. Forked from my older react-hyperscript-beefy-boilerplate, which is not Ethereum specific.

mutant - Create observables and map them to DOM elements

  •    Javascript

Create observables and map them to DOM elements. Massively inspired by hyperscript and observ-*. No virtual DOM, just direct observable bindings. Unnecessary garbage collection is avoided by using mutable objects instead of blasting immutable junk all over the place.

crypto-high-score - Add your name to the global, immutable leaderboard by paying in ETH.

  •    Javascript

The first high score leaderboard on the blockchain. Add your name to the global, immutable leaderboard by paying in ETH. Promote your website or favorite crypto project. It's like the million dollar homepage on the Ethereum blockchain. Large portions taken from Eth-Token-Sender.