React sub-components Take 2 - First use of a sub-component example with the new context API

App.js

import React, { Component } from "react";
import Article from "./Article";

class App extends Component {
  constructor() {
    this.state = {
      value: {
        title: <h1>React sub-components with</h1>,
        subtitle: (
          <div>Lets make simpler and more flexible React components</div>
        ),
      },
    };
  }

  render() {
    const { value } = this.state
    return (
      <Article value={value}>
        {
          /* no need to pass any children to the sub-component, you can pass
          your render functions directly to the title and subtitle property in
          the content object which is passed as value from our context provider
          (i.e. Article)*/
        }
        <Article.Title />
      </Article>
    );
  }
}

export default App;