Creating the state

In this section, we are going to implement the type for the state object in our store, along with the initial value for the state. Perform the following steps to do so:

1. Create a new file called Store.ts in the src folder with the following import statement:

   import { QuestionData } from './QuestionsData';

2. Let's create the TypeScript types for the state of our store:

   interface QuestionsState {
     readonly loading: boolean;
     readonly unanswered: QuestionData[];
     readonly viewing: QuestionData | null;
     readonly searched: QuestionData[];
   }
   export interface AppState {
     readonly questions: QuestionsState;
   }

   So, our store is going to have a questions property that is an object containing the following properties:

   • loading: Whether a server request is being made
   • unanswered: An array containing unanswered questions
   • viewing: The question the user is viewing
   • searched: An array containing questions matched...