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

34
Daniel Hejl Správa stavu v komplexních React.js aplikacích product board

Upload: daniel-hejl

Post on 13-Jan-2017

63 views

Category:

Software


3 download

TRANSCRIPT

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

Daniel Hejl

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

productboard

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

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

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

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

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

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

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

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

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

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

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

productboardTurn customer insights into products people want.

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

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

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

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

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

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

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

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

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

Kam dávat aplikační logiku?

Jak řešit async akce?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Local Component State

vs.

Global (Single Atom) App State

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Text inputs (forms)

Scroll position, viewport size, mouse position

Caret position / selection

Popup visibility

Internal state of reusable components

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

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

Děkuji za pozornost

@danhejl

[email protected]

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

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

Otázky?

@danhejl

[email protected]