diff --git a/seed/challenges/03-front-end-libraries/redux.json b/seed/challenges/03-front-end-libraries/redux.json index 5d6a3cb5480..cfe180f845e 100644 --- a/seed/challenges/03-front-end-libraries/redux.json +++ b/seed/challenges/03-front-end-libraries/redux.json @@ -8,6 +8,12 @@ "id": "587d7dbd367417b2b2512bb2", "title": "Introduction to the Redux Challenges", "description": [ + [ + "", + "", + "Redux is self-described as a \"predictable state container for JavaScript apps.\" State (as introduced in the React challenges) is a way to manage what is displayed to a user based on that user's inputs or interactions with the application. While it's not necessary to use Redux with React, or vice-versa, the two are often used in conjunction as the features of Redux support applications built with React. Some of these features include:

  1. An immutable single state store or \"single state of truth\" through which the application makes UI updates
  2. Logical structure of `actions` carrying data to `reducer` functions that return a new application state
  3. A trackable history of changes to state


Redux is often added to a project when the complexity of managing the application's state becomes tedious. It helps minimize some of the headaches that can be caused by data mutability or passing state back-and-forth between many React components. Redux also supports debugging with tools like Redux DevTools. Let's jump in to learning how Redux can simplify your React apps.", + "" + ], [ "", "",