Redux

REDUX

TODO: tutorial

• http://www.gistia.com/beginners-guide-redux/
• https://code-cartoons.com/a-cartoon-guide-to-flux-6157355ab207
• https://code-cartoons.com/a-cartoon-intro-to-redux-3afb775501a6

flux / redux : what are they?

• flux is a 'concept' that facebook came up with for how to build applications with React
  • it is a frame-of-mind on how to handle things
• redux is the most popular and accepted variation on flux

first, what is flux?

taken from medium post

flux is a pattern for handling data in your application

• flux and react grew up together on facebook
• they were developed to address a set of problems that fb keeps seeing

the problem: facebook notification bug

<div class="container" style="background-color: #FCFBFB">
  <div class="row">
    <div class="col-xs-6">
      <img src="./images/01.png" alt="notification bug" width="500" />
      <p align="center" style="font-size: 7">
        when you log into facebook, you see a notification. when you click on it, there are no new
        messages. the notification goes away. after a while, it comes back. repeat.
      </p>
    </div>
  </div>
</div>

<div class="container" style="background-color: #FCFBFB">
  <div class="row">
    <div class="col-xs-6">
      <img src="./images/02.png" alt="endless cycle" width="500" />
      <p align="center" style="font-size: 7">
        it wasn't just a cycle for the users, it was also for the dev team. fix bug > fine > bug
        comes back > fix bug > fine > bug comes back
      </p>
    </div>
  </div>
</div>

facebook wanted to get out of this cycle, by making the system predictable so that this problem would keep resurfacing.

the underlying problem: the way the data flowed through the application

TO BE CONTINUED https://code-cartoons.com/a-cartoon-guide-to-flux-6157355ab207