text: import React, { Component } from "react";
  import logo from "./logo.svg";
  import "./App.css";
  import Posts from "./components/Posts";
  import PostForm from "./components/Postform";
  import { Provider } from "react-redux";
  import { createStore, applyMiddleware } from "redux";
  import store from "./components/store";
  
  class App extends Component {
    render() {
      return (
        <Provider store={store}>
          <div className="App">
            <header className="App-header">
              <img src={logo} className="App-logo" alt="logo" />
              <p>
                Edit <code>src/App.js</code> and save to reload.
              </p>
              <a
                className="App-link"
                href="https://reactjs.org"
                target="_blank"
                rel="noopener noreferrer"
              >
                Learn React
              </a>
            </header>
            <PostForm />
            <hr />
            <Posts />
          </div>
        </Provider>
      );
    }
  }
  
  export default App;
  