Packages

react_phoenix

0.1.0
1.3.1 1.3.0 1.3.0-rc.1 1.2.0 1.1.0 1.0.1 1.0.0 0.6.0 0.5.2 0.5.1 0.5.0 0.4.3 0.4.2 0.4.1 0.4.0 0.4.0-rc2 0.3.0 0.2.0 0.1.2 0.1.1 0.1.0 0.0.1

A helper library for easily rendering React components in Phoenix projects. Built to work out of the box with Webpack.

HexDocs

Current section

Files

Jump to
Readme
22 Versions
2 Dependencies
Dependants
Files
Activity
react_phoenix priv js react_phoenix.js
Raw

priv/js/react_phoenix.js 

// import React from "react"

// import ReactDOM from "react-dom"

// 

// export default function reactPhoenix => () {

//   const elements = document.querySelectorAll('[data-react-class]')

//   elements.forEach(e => {

//     const reactElement = React.createElement(eval(e.dataset.reactClass), JSON.parse(e.dataset.reactProps))

//     ReactDOM.render(e, reactElement)

//   })

// }



"use strict";



Object.defineProperty(exports, "__esModule", {

  value: true

});

exports.default = reactPhoenix;



var _react = require("react");



var _react2 = _interopRequireDefault(_react);



var _reactDom = require("react-dom");



var _reactDom2 = _interopRequireDefault(_reactDom);



function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }



function reactPhoenix() {

  var elements = document.querySelectorAll('[data-react-class]');

  elements.forEach(function (e) {

    var reactClass = eval(e.dataset.reactClass);

    var reactProps = e.dataset.reactProps;

    if (reactProps == undefined) {

      reactProps = "{}"

    }

    var reactElement = _react2.default.createElement(reactClass, JSON.parse(reactProps));

    _reactDom2.default.render(reactElement, e);

  });

}