teaching machines

CS 347: Lecture 19 – Today App: Client, Part I

November 3, 2020 by Chris Johnson. Filed under fall-2020, lectures, webdev.

Dear students:

React takes over management of the DOM, allowing us to focus on managing the state of our app. As the data behind our app and our component hierarchy become more complex, even state management becomes challenging. To deal with this complexty, we will push the data into an object managed by Redux. With Redux, we’ll have to find new ways of connecting to our state.

We will examine Redux through the lens of client for our Today app. Our work on this client app is broken into two lectures. The separation is mostly based on time, not thematic chunking. This first lecture introduces Redux, the global store, actions, and thunks. In the next lecture, we’ll use Redux to update the state as we create, update, and delete memories.

Here’s your TODO list:

• Write a blog post for Friday. Redux would be a great subject to investigate further. Look for sources that use the newer hook system (useSelector and useDispatch).
• Watch Create a Redux App with a Global Store.
• Watch Using Actions to Update the Store.
• Watch Fetching Memories from the Web Service.
• On Thursday, we’ll have our first peer review for project 2. Here are the things you should be prepared to discuss in your group:
  • Who is your partner?
  • What is your app idea?
  • What data will be stored in your database?
  • What endpoints will you have in your web service?
  • What will the user interface of the client look like?
• Create two repositories for project 2: one for the client and one for the web service and database schema. Share both repositories with user twodee on GitHub, GitLab, or Bitbucket.

See you next time.

Sincerely,