$30 off During Our Annual Pro Sale. View Details »

"Intuitive" Tooling

Carolyn Stransky
September 27, 2019

"Intuitive" Tooling

A talk focused on how everything in the frontend world isn't "easy" and how we can learn to teach with empathy.

Current deck from: React India
Recording: bit.ly/tooling-finland

Carolyn Stransky

September 27, 2019
Tweet

More Decks by Carolyn Stransky

Other Decks in Technology

Transcript

  1. “Intuitive”
    Tooling
    @carolstran

    View Slide

  2. @carolstran
    Tooling

    View Slide

  3. @carolstran

    View Slide

  4. bit.ly/buzzword-tweet @carolstran

    View Slide

  5. I wasn’t alone
    @carolstran

    View Slide

  6. L I A R S
    @carolstran

    View Slide

  7. Typescript
    @carolstran
    typescriptlang.org

    View Slide

  8. “A typed superset
    of JavaScript”
    @carolstran
    typescriptlang.org

    View Slide

  9. “Just some types on
    your JavaScript”
    @carolstran

    View Slide

  10. “Just some types on
    your JavaScript”
    @carolstran

    View Slide

  11. Typescript is a
    whole new language
    @carolstran

    View Slide

  12. Typescript has a
    compiler
    @carolstran

    View Slide

  13. import * as React from ‘react'
    @carolstran

    View Slide

  14. import * as React from ‘react'
    @carolstran
    type ‘string' is not
    assignable to type ‘never'

    View Slide

  15. import * as React from ‘react'
    @carolstran
    type ‘string' is not
    assignable to type ‘never'
    *.tsx *.d.ts *.map *.js

    View Slide

  16. import * as React from ‘react'
    @carolstran
    type ‘string' is not
    assignable to type ‘never'
    *.tsx *.d.ts *.map *.js

    View Slide

  17. Redux
    @carolstran
    redux.js.org

    View Slide

  18. “I think the best way
    to learn Redux is to
    forget trying to
    understand it”
    @carolstran
    bit.ly/redux-quora

    View Slide

  19. “I think the best way
    to learn Redux is to
    forget trying to
    understand it”
    @carolstran
    bit.ly/redux-quora

    View Slide

  20. Unidirectional flow
    @carolstran

    View Slide

  21. Unidirectional flow
    @carolstran
    Lots of specific jargon

    View Slide

  22. Unidirectional flow
    @carolstran
    Lots of specific jargon
    MIDDLEWARE

    View Slide

  23. Unidirectional flow
    @carolstran
    MIDDLEWARE
    Lots of specific jargon

    View Slide

  24. GraphQL
    @carolstran
    graphql.org

    View Slide

  25. “I use it but I
    don’t get it”
    @carolstran

    View Slide

  26. “I feel like I know
    it but I also know
    that I don’t”
    @carolstran

    View Slide

  27. “It’s like JSON”
    @carolstran

    View Slide

  28. “It’s like JSON”
    @carolstran

    View Slide

  29. “It’s like types”
    @carolstran

    View Slide

  30. “It’s like types”
    @carolstran

    View Slide

  31. “It’s like string
    interpolation”
    @carolstran

    View Slide

  32. “It’s like string
    interpolation”
    @carolstran

    View Slide

  33. GraphQL
    @carolstran
    graphql.org

    View Slide

  34. Gatsby
    @carolstran
    gatsbyjs.org

    View Slide

  35. “The easiest way to
    make a static
    website in React”
    @carolstran

    View Slide

  36. “The easiest way to
    make a static
    website in React”
    @carolstran

    View Slide

  37. @carolstran
    Already know React

    View Slide

  38. @carolstran
    Already know React
    Already know GraphQL

    View Slide

  39. @carolstran
    Already know React
    Already know GraphQL
    Want a smaller site

    View Slide

  40. Gatsby has a lot
    of magic
    @carolstran

    View Slide

  41. Just delete
    the .cache folder
    @carolstran

    View Slide

  42. Just delete
    the .cache folder
    @carolstran

    View Slide

  43. Flexbox
    @carolstran

    View Slide

  44. @carolstran
    flexboxfroggy.com

    View Slide

  45. @carolstran
    align-items
    @carolstran

    View Slide

  46. @carolstran
    align-items
    align-content

    View Slide

  47. @carolstran
    align-items
    @carolstran
    align-content
    justify-content

    View Slide

  48. @carolstran
    align-items
    @carolstran
    align-content
    justify-content
    flex-wrap

    View Slide

  49. @carolstran
    align-items
    @carolstran
    align-content
    justify-content
    flex-wrap
    flex-flow

    View Slide

  50. @carolstran
    align-items
    @carolstran
    align-content
    justify-content
    flex-wrap
    flex-flow
    flex-direction

    View Slide

  51. @carolstran
    align-items
    @carolstran
    align-content
    justify-content
    flex-wrap
    flex-flow
    flex-direction

    View Slide

  52. @carolstran
    bit.ly/complete-flexbox-guide

    View Slide

  53. You’re not alone
    @carolstran

    View Slide

  54. React
    @carolstran

    View Slide

  55. @carolstran

    View Slide

  56. @carolstran

    View Slide

  57. @carolstran

    View Slide

  58. “We mistake
    familiarity for
    simplicity"
    Jim Fisher
    bit.ly/dont-say-simply

    View Slide

  59. @carolstran

    View Slide

  60. @carolstran

    View Slide

  61. @carolstran

    View Slide

  62. @carolstran

    View Slide

  63. “We mistake
    familiarity for
    simplicity"
    Jim Fisher
    bit.ly/dont-say-simply

    View Slide

  64. Jim Fisher
    bit.ly/dont-say-simply

    View Slide

  65. @carolstran

    View Slide

  66. Spiral of silence
    Elisabeth Noelle-Neumann
    bit.ly/spiral-of-silence-noelle

    View Slide

  67. Elisabeth Noelle-Neumann
    bit.ly/spiral-of-silence-noelle

    View Slide

  68. “The assessment of one’s
    social environment may
    not always correlate
    with reality”
    Elisabeth Noelle-Neumann
    bit.ly/spiral-of-silence-noelle

    View Slide

  69. @carolstran

    View Slide

  70. @carolstran
    Increased
    Empathy

    View Slide

  71. @carolstran
    Empathy matters
    more in education

    View Slide

  72. @carolstran
    Empathy requires
    humility

    View Slide

  73. @carolstran

    View Slide

  74. Take ownership of the
    communities we’re in
    @carolstran

    View Slide

  75. @carolstran

    View Slide

  76. @carolstran

    View Slide

  77. @carolstran

    View Slide

  78. Start an internal
    mentorship program
    @carolstran

    View Slide

  79. Someone you admire
    @carolstran

    View Slide

  80. Someone you admire
    @carolstran
    Someone you feel
    comfortable with

    View Slide

  81. Someone you admire
    @carolstran
    NOT YOUR MANAGER
    Someone you feel
    comfortable with

    View Slide

  82. @carolstran

    View Slide

  83. Try out empathy-
    driven teaching
    @carolstran

    View Slide

  84. Relate your own
    experiences
    @carolstran

    View Slide

  85. I can see that
    you feel…

    View Slide

  86. I have felt
    that way when…

    View Slide

  87. What I have
    found is that…

    View Slide

  88. Ban words like
    "easy" from your
    vocabulary
    @carolstran

    View Slide

  89. Be specific
    Jim Fisher
    bit.ly/dont-say-simply

    View Slide

  90. Be comparative
    Jim Fisher
    bit.ly/dont-say-simply

    View Slide

  91. Be absolute
    Jim Fisher
    bit.ly/dont-say-simply

    View Slide

  92. Show, don’t tell
    Jim Fisher
    bit.ly/dont-say-simply

    View Slide

  93. Deconstruct
    your biases
    @carolstran

    View Slide

  94. @carolstran
    Keep a learning
    journal

    View Slide

  95. @carolstran

    View Slide

  96. @carolstran
    Just because you
    understand something
    doesn’t mean that
    everyone else will too

    View Slide

  97. @carolstran
    People learn at
    different rates

    View Slide

  98. @carolstran

    View Slide

  99. @carolstran

    View Slide

  100. @carolstran
    Brains are
    weird

    View Slide

  101. @carolstran
    Everyone is a beginner
    at some point

    View Slide

  102. @carolstran
    It’s ok that
    things are hard

    View Slide

  103. @carolstran
    Programming
    is hard

    View Slide

  104. “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

    View Slide