Add Redux and use it for state management

app/javascript/containers/Board.tsx

@@ -0,0 +1,40 @@
+import { connect } from 'react-redux';
+
+import { requestPosts } from '../actions/requestPosts';
+import { requestPostStatuses } from '../actions/requestPostStatuses';
+import {
+  setSearchFilter,
+  setPostStatusFilter,
+} from '../actions/changeFilters';
+
+import { State } from '../reducers/rootReducer';
+
+import BoardP from '../components/Board/BoardP';
+
+const mapStateToProps = (state: State) => ({
+  posts: state.posts,
+  postStatuses: state.postStatuses,
+});
+
+const mapDispatchToProps = (dispatch) => ({
+  requestPosts(boardId: number, page: number = 1, searchQuery: string = '', postStatusId: number) {
+    dispatch(requestPosts(boardId, page, searchQuery, postStatusId));
+  },
+
+  requestPostStatuses() {
+    dispatch(requestPostStatuses());
+  },
+
+  handleSearchFilterChange(searchQuery: string) {
+    dispatch(setSearchFilter(searchQuery));
+  },
+
+  handlePostStatusFilterChange(postStatusId: number) {
+    dispatch(setPostStatusFilter(postStatusId));
+  },
+});
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps,
+)(BoardP);