https://github.com/developit/jsxobj

Build JSON using JSX 🌈 (may contain blood magic)
https://github.com/developit/jsxobj

blood-magic json jsx

Last synced: about 2 months ago
JSON representation

Build JSON using JSX 🌈 (may contain blood magic)

• Host: GitHub
• URL: https://github.com/developit/jsxobj
• Owner: developit
• License: mit
• Created: 2016-08-27T17:14:59.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2022-03-25T01:37:57.000Z (over 2 years ago)
• Last Synced: 2024-07-12T12:18:47.768Z (2 months ago)
• Topics: blood-magic, json, jsx
• Language: JavaScript
• Homepage: https://jsfiddle.net/developit/frvec8jb/
• Size: 11.7 KB
• Stars: 219
• Watchers: 4
• Forks: 8
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-list - jsxobj

README

        
# `jsxobj` [![NPM](https://img.shields.io/npm/v/jsxobj.svg?style=flat)](https://www.npmjs.org/package/jsxobj) [![travis-ci](https://travis-ci.org/developit/jsxobj.svg?branch=master)](https://travis-ci.org/developit/jsxobj)

Converts JSX to Objects (JSON) using blood magic.

```sh

npm install --save jsxobj

```

---

### Example

```js

import jsxobj from 'jsxobj';

// example of an import'd plugin

const CustomPlugin = config => ({

	...config,

	name: 'custom-plugin'

});

console.log(

	

		

		

			

			

		

		

			

			

		

	

);

```

The above outputs:

```json

{

  "name": "webpack",

  "target": "web",

  "watch": true,

  "entry": {

    "path": "src/index.js"

  },

  "resolve": {

    "alias": {

      "from": "react-dom",

      "to": "preact-compat"

    }

  },

  "plugins": {

    "uglify-js": {

      "opts": {

        "compression": true,

        "mangle": false

      }

    },

    "custom-plugin": {

      "foo": "bar"

    }

  }

}

```