"Intuitive" Tooling

"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

8c5989329a85b590fecdb4f7a97cbe3a?s=128

Carolyn Stransky

September 27, 2019
Tweet

Transcript

  1. “Intuitive” Tooling @carolstran

  2. @carolstran Tooling

  3. @carolstran

  4. bit.ly/buzzword-tweet @carolstran

  5. I wasn’t alone @carolstran

  6. L I A R S @carolstran

  7. Typescript @carolstran typescriptlang.org

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

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

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

  11. Typescript is a whole new language @carolstran

  12. Typescript has a compiler @carolstran

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

  14. import * as React from ‘react' @carolstran type ‘string' is

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

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

    not assignable to type ‘never' *.tsx *.d.ts *.map *.js
  17. Redux @carolstran redux.js.org

  18. “I think the best way to learn Redux is to

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

    forget trying to understand it” @carolstran bit.ly/redux-quora
  20. Unidirectional flow @carolstran

  21. Unidirectional flow @carolstran Lots of specific jargon

  22. Unidirectional flow @carolstran Lots of specific jargon MIDDLEWARE

  23. Unidirectional flow @carolstran MIDDLEWARE Lots of specific jargon

  24. GraphQL @carolstran graphql.org

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

  26. “I feel like I know it but I also know

    that I don’t” @carolstran
  27. “It’s like JSON” @carolstran

  28. “It’s like JSON” @carolstran

  29. “It’s like types” @carolstran

  30. “It’s like types” @carolstran

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

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

  33. GraphQL @carolstran graphql.org

  34. Gatsby @carolstran gatsbyjs.org

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

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

    @carolstran
  37. @carolstran Already know React

  38. @carolstran Already know React Already know GraphQL

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

    site
  40. Gatsby has a lot of magic @carolstran

  41. Just delete the .cache folder @carolstran

  42. Just delete the .cache folder @carolstran

  43. Flexbox @carolstran

  44. @carolstran flexboxfroggy.com

  45. @carolstran align-items @carolstran

  46. @carolstran align-items align-content

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

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

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

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

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

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

  53. You’re not alone @carolstran

  54. React @carolstran

  55. @carolstran

  56. @carolstran

  57. @carolstran

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

  59. @carolstran

  60. @carolstran

  61. @carolstran

  62. @carolstran

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

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

  65. @carolstran

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

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

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

    with reality” Elisabeth Noelle-Neumann bit.ly/spiral-of-silence-noelle
  69. @carolstran

  70. @carolstran Increased Empathy

  71. @carolstran Empathy matters more in education

  72. @carolstran Empathy requires humility

  73. @carolstran

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

  75. @carolstran

  76. @carolstran

  77. @carolstran

  78. Start an internal mentorship program @carolstran

  79. Someone you admire @carolstran

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

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

    comfortable with
  82. @carolstran

  83. Try out empathy- driven teaching @carolstran

  84. Relate your own experiences @carolstran

  85. I can see that you feel…

  86. I have felt that way when…

  87. What I have found is that…

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

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

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

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

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

  93. Deconstruct your biases @carolstran

  94. @carolstran Keep a learning journal

  95. @carolstran

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

    else will too
  97. @carolstran People learn at different rates

  98. @carolstran

  99. @carolstran

  100. @carolstran Brains are weird

  101. @carolstran Everyone is a beginner at some point

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

  103. @carolstran Programming is hard

  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