# react-jenny

> React plugin which adds Jenny syntax for React.createElement

Latest version **1.1.0** (published 2017-09-11) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-jenny
pnpm add react-jenny
yarn add react-jenny
bun add react-jenny
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.0 |
| Published | 2017-09-11 |
| First published | 2017-09-04 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Ethan Rutherford |
| Maintainers | ethanrutherford |

## Links

- npm: https://www.npmjs.com/package/react-jenny
- Repository: https://github.com//EthanRutherford/react-jenny
- npm.io page: https://npm.io/package/react-jenny

## Recent versions

- 1.1.0 (latest) — 2017-09-11
- 1.0.0 — 2017-09-04

## README

# react-jenny
React plugin which adds Jenny syntax for React.createElement

This gives a cleaner, easier to use means of jsx-less react.

### jsx
```jsx
<div className="some-class">
	<span>Hello!</span>
	<a href="something.com">click me!</a>
	<div>I'm a block</div>
	<button className="button-class" />
	<SomeComponent />
	<SomeOtherComponentWithProp prop="value" />
</div>
```

### jsx-less react
```js
React.createElement("div", {className: "some-class"},
	React.createElement("span", null, "Hello!"),
	React.createElement("a", {href: "something.com"},"click me!"),
	React.createElement("div", null, "I'm a block"),
	React.createElement("button", {className: "button-class"}),
	React.createElement(SomeComponent),
	React.createElement(SomeOtherComponentWithProp, {prop: "value"}),
);
```

### react-jenny
```js
const j = require("react-jenny");

j({div: {className: "some-class"}}, [
	j({span: 0}, "Hello!"),
	j({a: {href: "something.com"}}, "click me!"),
	j("div", "I'm a block"),
	j({button: "button-class"}),
	j(SomeComponent),
	j([SomeOtherComponentWithProp, {prop: "value"}]),
]);
```

see also: [Jenny](https://github.com/EthanRutherford/jenny-js)

---
_Source: https://npm.io/package/react-jenny · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._