správa stavu v komplexních react.js aplikacích

Daniel Hejl

Správa stavu v komplexních React.js aplikacích

productboard

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

❤

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboardTurn customer insights into products people want.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

Kam dávat aplikační logiku?

Jak řešit async akce?

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

Local Component State

vs.

Global (Single Atom) App State

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

“There is still plenty of use cases for Flux, but not all state belongs in Flux stores.”

- Sebastian Markbåge, React.js core contributor

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

http://salsita.github.io/redux-elm/

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

Text inputs (forms)

Scroll position, viewport size, mouse position

Caret position / selection

Popup visibility

Internal state of reusable components

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

Děkuji za pozornost

@danhejl

daniel@productboard.com

productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.

Otázky?

@danhejl

daniel@productboard.com