JSX vs JS.js

/*
  JSX version
*/
getAvailableLayoutFieldsHolder (available) {
			if (available.length > 0) {
				return (
					<div key="available">
						<p styleName='info'><strong>Add</strong> additional items to the layout.</p>
							<Available 
								options={available}
								onChange={this.onFieldAddClick.bind(this)} />
					</div>
				);
			}
} 

/*
  JS version
*/
 {
		key: 'getCurrentLayoutFieldsHolder',
		value: function getCurrentLayoutFieldsHolder(current) {
			if (current.length > 0) {
				return _react2.default.createElement(
					'div',
					{ className: 'content' },
					_react2.default.createElement(
						'p',
						{ styleName: 'info' },
						_react2.default.createElement(
							'strong',
							null,
							'Re-order'
						),
						' and ',
						_react2.default.createElement(
							'strong',
							null,
							'remove'
						),
						' items from the layout.'
					),
					_react2.default.createElement(
						'div',
						{ key: 'current-layout-fields', styleName: 'sortable-container' },
						_react2.default.createElement(
							_reactSortableComponent.SortableItems,
							{
								name: 'sort-current',
								items: current,
								onSort: this.handleLayoutSort.bind(this) },
							current.map(this.createLayoutItems.bind(this, 'current'))
						)
					)
				);
			}
		}
	}