The Responsive Container Component

An introduction to ReactJS components through
an opinionated categorization of components with real example and the presentation of a component to manage your responsive single page application.

This talk has been presented by me (@netamorfose) and @axyz at @Roma_Js Meetup on 20th May 2015 .

Transcript

30. React.createElement("div", null, React.createElement(MyLabel, {text: TextLabel}), React.createElement(MyTextfield, null), React.createElement(MyButton, {textlabel: "OK"}) );
33. propTypes: { optionalArray: React.PropTypes.array, optionalBool: React.PropTypes.bool, optionalFunc: React.PropTypes.func, optionalNumber: React.PropTypes.number, ... }
35. getInitialState() getDefaultProps() componentWillMount() componentDidMount() componentWillReceiveProps() componentWillUpdate() componentDidUpdate() render() componentWillUnmount()
36. shouldComponentUpdate()
44. window.matchMedia()
45. //ResponsiveRootComponent.jsx class ResponsiveRootComponent extends React.Component { render () { return (
46. //RootComponent.jsx class RootComponent extends React.Component { render () { return } } </children>