npmpackage.info

react-hyperscript

Hyperscript syntax for React.js markup

3.2.0

710

MIT

JavaScript

526,172 2.1

Installations

npm install react-hyperscript

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

9.3.0

NPM Version

5.6.0 Score

69.9

Supply Chain

81.5

Quality

75.4

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

3

Total

29

Closed

5

Merged

21

Issues

Open

4

Total

18

Closed

14

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 7 contributors

Languages

JavaScript

JavaScript (100%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

mlmorg

Download Statistics

Total Downloads

526,172

Last Day

172

Last Week

648

Last Month

2,793

Last Year

45,258

GitHub Statistics

710 Stars

65 Commits

45 Forks

20 Watching

3 Branches

7 Contributors

Maintainers

Package Meta Information

Latest Version

3.2.0

Package Id

react-hyperscript@3.2.0

Size

4.50 kB

NPM Version

5.6.0

Node Version

9.3.0

Publised On

24 Feb 2018

Total Downloads

Cumulative downloads

Total Downloads

526,172

Last day

-7%

172

Compared to previous day

Last week

-21.3%

648

Compared to previous week

Last month

16.2%

2,793

Compared to previous month

Last year

5.1%

45,258

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

react

Dev Dependencies

create-react-class eslint eslint-config-mlmorg react react-dom tap-spec tape

Versions

react-hyperscript

Hyperscript syntax for React.js markup.

Usage

1var h = require('react-hyperscript');
2var React = require('react');
3
4var AnotherComponent = require('./another-component');
5
6module.exports = React.createClass({
7  render: function render() {
8    return (
9      h('div.example', [
10        h('h1#heading', 'This is hyperscript'),
11        h('h2', 'creating React.js markup'),
12        h(AnotherComponent, {foo: 'bar'}, [
13          h('li', [
14            h('a', {href: 'http://whatever.com'}, 'One list item')
15          ]),
16          h('li', 'Another list item')
17        ])
18      ])
19    );
20  }
21});

Documentation

If you're using React 0.11, use react-hyperscript 1.x.x. For later versions, use react-hyperscript 2.x.x.

Object.assign is used in this library and is not poly-filled.

`h(componentOrTag, properties, children)`

Returns a React element.

componentOrTag Object|String - Can be a React component OR tag string with optional css class names/id in the format h1#some-id.foo.bar. If a tag string, it will parse out the tag name and change the id and className properties of the properties object.
properties Object (optional) - An object containing the properties you'd like to set on the element.
children Array|String (optional) - An array of h() children or a string. This will create child elements or a text node, respectively.
listOfElements Array - An array of React elements that will be wrapped with React.Fragment.

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

3

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.1

/10

Last Scanned on 2025-01-27

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to react-hyperscript

@types/react-hyperscript

3.0.13

TypeScript definitions for react-hyperscript

estree-util-build-jsx

3.0.1

Transform JSX in estrees to function calls (for react, preact, and most hyperscript interfaces)

react-script

2.0.5

Elegant DSL for React

react-hyperscript-helpers

2.0.0

Terse syntax for hyperscript using react