+ All Categories
Home > Software > Správa stavu v komplexních React.js aplikacích

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

Date post: 13-Jan-2017
Category:
Upload: daniel-hejl
View: 63 times
Download: 3 times
Share this document with a friend
34
Daniel Hejl Správa stavu v komplexních React.js aplikacích product board
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]


Recommended