generic-jsx

KO | EN

gitlite — search

#hacktoberfest #react #typescript #golang #go #android #rust #deep-learning #docker #windows #cli #kubernetes #awesome-list #security

(★ 50)

No description available.

File Explorer

Download Latest Version (.zip)

- generic-jsx.js
- package-lock.json
- package.json
- runkitExample.js
- generic-jsx-babel-plugin.js
- package-lock.json
- package.json
- binary-tree.js
- immutable-map.js
- package.json
- react.js
- reduce.js
.gitignore
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

You can find a full explanation of the ideas behind this [here](http://tolmasky.com/2016/03/24/generalizing-jsx/).

Or, try it on [RunKit](https://runkit.com/npm/generic-jsx)!

# Generic JSX

This is a version of JSX for general purpose programming. Why would you want that? Well, it gives
us the ability to have curried named parameters in JavaScript.

# How Do I use It?

If you are using Babel, then all you should need to do is the following:

```JavaScript
/* @jsx curry(_=>eval(_)) */
var { curry } = require("generic-jsx");
```

Now you'll be able make functions with named parameters that you can curry:

```JavaScript
var fs = require("fs");
var readFileSync = ({ name, encoding }) => fs.readFileSync(name, encoding);

// ...
var readString = <readFileSync encode = "utf8"/>;

<readString name = "package.json"/>();
```

Or, use with data structures!

```JavaScript
/* @jsx (curry(_=>eval(_))) */
var { curry, from } = require("generic-jsx");
var BinaryTree = require("generic-jsx/binary-tree");

// This represents 5 / ( 4 + 6)
<BinaryTree value = "/">
    <BinaryTree value = { 5 } />
    <BinaryTree value = "+">
        <BinaryTree value = { 4 } />
        <BinaryTree value = { 6 } />
    </BinaryTree>
</BinaryTree>()
```

generic-jsx

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

generic-jsx

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README