"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

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