Add sandbox project using Contentful CMS

I used the boilerplate/typescript project as a starting point. This project
fetches and renders books that I'm defining in a Contentful CMS that I created.
This commit is contained in:
William Carroll 2020-03-24 13:27:30 +00:00
parent 57b58e9b2f
commit 527aeeeced
16 changed files with 5965 additions and 0 deletions

View file

@ -0,0 +1,36 @@
import { createSlice, configureStore, PayloadAction } from "@reduxjs/toolkit";
import { useSelector, TypedUseSelectorHook } from "react-redux";
export interface Book {
title: string;
author: string;
// TODO(wpcarro): Prefer datetime type here.
publicationDate: string;
}
export interface State {
isLoading: boolean;
books: Book[];
}
const initialState: State = {
isLoading: true,
books: [],
};
export const { actions, reducer } = createSlice({
name: "application",
initialState,
reducers: {
toggleIsLoading: state => ({ ...state, isLoading: !state.isLoading }),
setBooks: (state, action) => ({ ... state, books: action.payload }),
}
});
/**
* Defining and consuming this allows us to avoid annotating State in all of our
* selectors.
*/
export const useTypedSelector: TypedUseSelectorHook<State> = useSelector;
export default configureStore({ reducer });