(un)popular opinions - react finland uninstall redux-saga redux-loop redux-thunk redux-effects...

72
(Un)popular Opinions

Upload: others

Post on 22-May-2020

45 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

(Un)popular Opinions

Page 2: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 3: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Who of you ever used has Redux?

Page 4: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Would you use Redux for your next project?

Page 5: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Are you a fan of Redux?

Page 6: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 7: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 8: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

AWESOME

Page 9: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 10: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Web Components rock!

Page 11: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

… looks familiar?

Page 12: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

rocks

Page 13: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

rocks was kind of ok

Page 14: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 15: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

fn(state) => ui

Page 16: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 17: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 18: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Lesson 1

Judge technology with the context of time.

Page 19: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 20: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 21: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

npm uninstall redux

Page 22: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

npm uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-

redux react-redux redux-form

Page 23: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

What now?

Page 24: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

MobX

Page 25: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

What are people really excited about?

Page 26: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Hooks & Context

Page 27: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Is it really a good idea?

Page 28: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 29: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 30: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Unpopular Opinions

Page 31: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 32: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 33: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 34: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Dragon

Page 35: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Dragon

White Walker

Page 36: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Dog

White Walker

Dragon

Page 37: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 38: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 39: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 40: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 41: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 42: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Context

Page 43: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 44: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

function Nav() { const { me } = useContext(StoreContext); ... }

function Sidebar() { const { friends } = useContext(StoreContext); ... }

function History(props) { const { histories } = useContext(StoreContext); const history = histories[props.historyId]; const { friends } = useContext(StoreContext); ... }

Page 45: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 46: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 47: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 48: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

MeContext FriendsContext

HistoriesContext

Page 49: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 50: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 51: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 52: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Feature

Online indicators

Page 53: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 54: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 55: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

function History(props) { const histories = useContext(HistoriesContext); const history = histories[props.historyId]; const friends = useContext(FriendsContext); ... }

Page 56: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 57: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

We can duplicate the state!

Page 58: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 59: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

React.memo

Page 60: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Storing all data in Context

Page 61: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 62: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 63: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

What can I store in Context?

Page 64: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Lesson 2

Think twice before you move data into Context.

Page 65: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

So what now?

Page 66: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Is it the right time to jump ship?

Page 67: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 68: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Lesson 3

Think one two steps ahead before switching technology.

Page 69: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited
Page 70: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Lesson 3

Think one two steps ahead before switching technology.

Lesson 1

Judge technology with the context of time.

Lesson 2

Think twice before you move data into Context.

Page 71: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Let’s get rid of ego and make good decisions.

Page 72: (Un)popular Opinions - React Finland uninstall redux-saga redux-loop redux-thunk redux-effects react-intl-redux react-redux redux-form. What now? MobX. What are people really excited

Thanks! @nikgraf