Frozen Coder

render() {
  return(
    <Wrapper>
      <Header />
      <Main />
      <Footer />
    </Wrapper>
  );
}

const MainPageLayout = ({ children }) => (
  <Wrapper>
    <Header />
    <PageContent>
      {children}
    </PageContent>
    <Footer />
  </Wrapper>
);

const SomePage = () => (
  <MainPageLayout>
    {/* page code */}
  </MainPageLayout>
);

<Provider>
  <Router>
    <App />
  </Router>
</Provider>

export default class Forma extends React.Component {
    constructor(props) {
        super(props);

        this.state ={ data: {}, isFetching: true, error: null };
    }

    componentDidMount() {
        fetch('http://localhost:3001')
            .then(response => response.json())
            .then(result => this.setState({data: result, isFetching: false }));
            .catch(e => {
              console.log(e);
              this.setState({data: result, isFetching: false, error: e }));
            });
    }

    render() {
        const { data, isFetching, error } = this.state;
        
        if (isFetching) return <div>...Loading</div>;

        if (error) return <div>{`Error: ${e.message}`}</div>;

        return <h1>{data.goals[0].gs_id}</h1>;
    }


}

someButton.addActionListener(e -> JOptionPane.showMessageDialog(this, "Hello!"));

someButton.addActionListener(new ActionListener() {
  public void actionPerformed(ActionEvent e) {
      JOptionPane.showMessageDialog(this, "Hello!")
  }
});