justinwoo / react-cond

Conditional rendering component for React

React Cond

Render components conditionally using pairs of [boolean, Component].

Usage

Install this package to your project.

Use CommonJS:

var Cond = require('react-cond');

var YourComponent = React.createClass({
  render: function () {
    <div>
      <Cond className="my-conditions">
        {3 === 3} <h1>Conditionals in my JSX?</h1>
        {1 !== 1} <h3>pls no</h3>
        {2 !== 1} YASSSSSSS
        {1 === 1} <p>医食同源</p>
      </Cond>
    </div>
  }
});

Demo

JSFiddle: http://jsfiddle.net/606xh7z7/

react-cond's Issues

Should this get published to npm?

Unlike react-if-else, I don't think I've used this in any examples or anything. If anything, conditional JSX is pretty terrible and I should feel bad for even enabling it.

Anyone else who sees this issue should weigh in on the benefits of having this published to npm (and tell me if they like/use it).