“intuitive” tooling · redux redux.js.org @carolstran “i think the best way to learn redux is...

104
“Intuitive” Tooling @carolstran

Upload: others

Post on 22-May-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“Intuitive” Tooling

@carolstran

Page 2: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Tooling

Page 3: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 4: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

bit.ly/buzzword-tweet @carolstran

Page 5: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

I wasn’t alone

@carolstran

Page 6: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

L I A R S

@carolstran

Page 7: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Typescript

@carolstrantypescriptlang.org

Page 8: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“A typed superset of JavaScript”

@carolstrantypescriptlang.org

Page 9: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“Just some types on your JavaScript”

@carolstran

Page 10: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“Just some types on your JavaScript”

@carolstran

Page 11: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Typescript is a whole new language

@carolstran

Page 12: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Typescript has a compiler

@carolstran

Page 13: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

import * as React from ‘react'

@carolstran

Page 14: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

import * as React from ‘react'

@carolstran

type ‘string' is not assignable to type ‘never'

Page 15: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

import * as React from ‘react'

@carolstran

type ‘string' is not assignable to type ‘never'

*.tsx *.d.ts *.map *.js

Page 16: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

import * as React from ‘react'

@carolstran

type ‘string' is not assignable to type ‘never'

*.tsx *.d.ts *.map *.js

Page 17: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Redux

@carolstranredux.js.org

Page 18: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“I think the best way to learn Redux is to

forget trying to understand it”

@carolstranbit.ly/redux-quora

Page 19: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“I think the best way to learn Redux is to

forget trying to understand it”

@carolstranbit.ly/redux-quora

Page 20: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Unidirectional flow

@carolstran

Page 21: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Unidirectional flow

@carolstran

Lots of specific jargon

Page 22: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Unidirectional flow

@carolstran

Lots of specific jargon

MIDDLEWARE

Page 23: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Unidirectional flow

@carolstran

MIDDLEWARE

Lots of specific jargon

Page 24: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

GraphQL

@carolstrangraphql.org

Page 25: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“I use it but I don’t get it”

@carolstran

Page 26: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“I feel like I know it but I also know

that I don’t”

@carolstran

Page 27: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“It’s like JSON”

@carolstran

Page 28: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“It’s like JSON”

@carolstran

Page 29: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“It’s like types”

@carolstran

Page 30: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“It’s like types”

@carolstran

Page 31: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“It’s like string interpolation”

@carolstran

Page 32: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“It’s like string interpolation”

@carolstran

Page 33: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

GraphQL

@carolstrangraphql.org

Page 34: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Gatsby

@carolstrangatsbyjs.org

Page 35: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“The easiest way to make a static

website in React”

@carolstran

Page 36: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“The easiest way to make a static

website in React”

@carolstran

Page 37: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Already know React

Page 38: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Already know React

Already know GraphQL

Page 39: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Already know React

Already know GraphQL

Want a smaller site

Page 40: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Gatsby has a lot of magic

@carolstran

Page 41: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Just delete the .cache folder

@carolstran

Page 42: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Just delete the .cache folder

@carolstran

Page 43: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Flexbox

@carolstran

Page 44: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstranflexboxfroggy.com

Page 45: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

align-items

@carolstran

Page 46: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

align-items

align-content

Page 47: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

align-items

@carolstran

align-content

justify-content

Page 48: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

align-items

@carolstran

align-content

justify-content

flex-wrap

Page 49: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

align-items

@carolstran

align-content

justify-content

flex-wrap

flex-flow

Page 50: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

align-items

@carolstran

align-content

justify-content

flex-wrap

flex-flow

flex-direction

Page 51: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

align-items

@carolstran

align-content

justify-content

flex-wrap

flex-flow

flex-direction

Page 52: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstranbit.ly/complete-flexbox-guide

Page 53: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

You’re not alone

@carolstran

Page 54: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

React

@carolstran

Page 55: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 56: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 57: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 58: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“We mistake familiarity for

simplicity"

Jim Fisherbit.ly/dont-say-simply

Page 59: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 60: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 61: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 62: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 63: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“We mistake familiarity for

simplicity"

Jim Fisherbit.ly/dont-say-simply

Page 64: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Jim Fisherbit.ly/dont-say-simply

Page 65: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 66: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Spiral of silence

Elisabeth Noelle-Neumannbit.ly/spiral-of-silence-noelle

Page 67: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Elisabeth Noelle-Neumannbit.ly/spiral-of-silence-noelle

Page 68: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“The assessment of one’s social environment may not always correlate

with reality”

Elisabeth Noelle-Neumannbit.ly/spiral-of-silence-noelle

Page 69: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 70: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Increased Empathy

Page 71: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Empathy matters more in education

Page 72: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Empathy requires humility

Page 73: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 74: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Take ownership of the communities we’re in

@carolstran

Page 75: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 76: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 77: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 78: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Start an internal mentorship program

@carolstran

Page 79: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Someone you admire

@carolstran

Page 80: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Someone you admire

@carolstran

Someone you feel comfortable with

Page 81: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Someone you admire

@carolstran

NOT YOUR MANAGER

Someone you feel comfortable with

Page 82: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 83: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Try out empathy-driven teaching

@carolstran

Page 84: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Relate your own experiences

@carolstran

Page 85: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

I can see that you feel…

Page 86: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

I have felt that way when…

Page 87: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

What I have found is that…

Page 88: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Ban words like "easy" from your

vocabulary

@carolstran

Page 89: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Be specific

Jim Fisherbit.ly/dont-say-simply

Page 90: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Be comparative

Jim Fisherbit.ly/dont-say-simply

Page 91: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Be absolute

Jim Fisherbit.ly/dont-say-simply

Page 92: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Show, don’t tell

Jim Fisherbit.ly/dont-say-simply

Page 93: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

Deconstruct your biases

@carolstran

Page 94: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Keep a learning journal

Page 95: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 96: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Just because you understand something doesn’t mean that

everyone else will too

Page 97: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

People learn at different rates

Page 98: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 99: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Page 100: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Brains are weird

Page 101: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Everyone is a beginner at some point

Page 102: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

It’s ok that things are hard

Page 103: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

@carolstran

Programming is hard

Page 104: “Intuitive” Tooling · Redux redux.js.org @carolstran “I think the best way to learn Redux is to forget trying to understand it

“By saying something is easy, you remove the

accomplishment of learning something as it was always

supposed to be easy.

And learning something is always an accomplishment"

@ThisIs JoFrank