Redux - What is this fuss about ?
21
REDUX WHAT IS THIS FUSS ABOUT ?
-
Upload
rajeev-bharshetty -
Category
Engineering
-
view
155 -
download
3
Transcript of Redux - What is this fuss about ?
![Page 1: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/1.jpg)
REDUX
WHAT IS THIS FUSS ABOUT ?
![Page 2: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/2.jpg)
STATE IS EVIL
![Page 3: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/3.jpg)
PREDICTABLE STATE CONTAINER FOR REACT APPS
![Page 4: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/4.jpg)
THE WHOLE STATE OF YOUR APP IS STORED IN AN OBJECT TREE INSIDE A SINGLE STORE
![Page 5: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/5.jpg)
![Page 6: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/6.jpg)
REFLUX ?
![Page 7: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/7.jpg)
![Page 8: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/8.jpg)
THREE CORE PRINCIPLES
![Page 9: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/9.jpg)
SINGLE SOURCE OF TRUTH
![Page 10: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/10.jpg)
STATE IS READ-ONLY - IMMUTABLE
![Page 11: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/11.jpg)
CHANGES MADE WITH PURE FUNCTIONS - REDUCERS
![Page 12: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/12.jpg)
ACTIONS
![Page 13: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/13.jpg)
ACTION CREATORS
![Page 14: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/14.jpg)
REDUCERS (OLDSTATE + ACTION -> NEWSTATE)
![Page 15: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/15.jpg)
STORE
![Page 16: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/16.jpg)
PRESENTATIONAL AND CONTAINER COMPONENTS
![Page 17: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/17.jpg)
![Page 18: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/18.jpg)
PRESENTATIONAL COMPONENTS
![Page 19: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/19.jpg)
CONTAINER COMPONENTS
![Page 20: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/20.jpg)
DEMO - TODOAPP
![Page 21: Redux - What is this fuss about ?](https://reader034.fdocuments.in/reader034/viewer/2022042504/58eb375f1a28ab71028b46af/html5/thumbnails/21.jpg)