Tutorial by Examples

import React from 'react'; class Pane extends React.Component { constructor(props) { super(props); } render() { return React.createElement( 'section', this.props ); } }

import React from 'react'; class Panel extends React.Component { constructor(props) { super(props); } render(...elements) { var props = Object.assign({ className: this.props.active ? 'active' : '', tabIndex: -1 }, this.prop...

import React from 'react'; class Tab extends React.Component { constructor(props) { super(props); } render() { var props = Object.assign({ className: this.props.active ? 'active' : '' }, this.props); return React.createElement( ...

import React from 'react'; import Tab from './Tab.js'; class PanelGroup extends React.Component { constructor(props) { super(props); this.setState({ panels: props.panels }); } render() { this.tabSet = []; this.panelSet = ...

import React from 'react'; import Pane from './components/Pane.js'; import Panel from './components/Panel.js'; import PanelGroup from './components/PanelGroup.js'; class MainView extends React.Component { constructor(props) { super(props); } render() { return...