From 94c8679e19f854b19fda893048ba24cfa423cefe Mon Sep 17 00:00:00 2001 From: Dylan Date: Sun, 9 Jul 2017 16:15:54 -0500 Subject: [PATCH] add redux intro (#15605) --- challenges/03-front-end-libraries/redux.json | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/challenges/03-front-end-libraries/redux.json b/challenges/03-front-end-libraries/redux.json index 5d6a3cb548..cfe180f845 100644 --- a/challenges/03-front-end-libraries/redux.json +++ b/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.", + "" + ], [ "", "",