Why so many React state libraries? (youtube.com)
Jul 25, 2018
We've tried 8 different libraries. There's many more out there. What's the point? Are they really THAT different? Nah. They all do the same things in largely the same ways. Pick the one that strikes your fancy best.
How XState helps you think (youtube.com)
Jul 17, 2018
David K. Piano's XState is a brilliant idea: A library that helps you reason about your state as actual finite state machines AND EVEN DRAWS THEM OUT.
Unstated state lib (youtube.com)
Jul 16, 2018
Unstated, state so simple it goes without saying. It really does. This might be the simplest easiest to grok solution I've ever seen.
Build your components with Storybook (youtube.com)
May 07, 2018
You'll soon realize that dealing with your whole app when all you wanna do is build the perfect button is annoying. So build your components in isolation first, then use them in your project.
Higher Order Components HOC (youtube.com)
Apr 25, 2018
High order Components let you wrap any component in a new component. This lets you share functionality between different components in your app. In this video we build a simple clickLogger to show how it works in principle.
Patterns for component reuse (youtube.com)
Apr 24, 2018
You build components with the linux philosophy. Do one thing and do it well. 👆Then assemble for bigger things. Higher order components, render props, function as children, and composite components take a different approach.
React 16.3 Lifecycle Methods (youtube.com)
Apr 23, 2018
React lifecycles, they seem absolutely crucial, but really you'll use them for loading data and not much else. Sometimes for 3rd party library integration or making declarative animations.
CSS Modules in 2 minutes (youtube.com)
Apr 18, 2018
CSS Modules are not my favorite, but they're pretty much the only option when you have a bunch of existing CSS that you want to make better.
Props flow down callbacks fly up (youtube.com)
Apr 13, 2018
How do you share state between components? With React (and Vue) we like to keep our dataflow unidirectional. That means we hoist state to the least common denominator, pass it down via props, and change it back up with callbacks.
How JSX makes your life easier (youtube.com)
Apr 07, 2018
Some still debate it, but I love how JSX lets you get in there and get your hands dirty right with the stuff your code is meant to be outputting. Like a top chef 👩🍳 gently massaging a steak. 🥩
Data Visualizations with React + D3 (youtube.com)
Mar 31, 2018
React can make your D3 amazing. Want to animate 20,000 elements with React? I'll show you. Want to build a complex dataviz? You'll know how. Want to write maintainable dataviz components that you can reuse in any project? I gotchu, fam. This talk shows you everything I've learned about creating reusable and maintainable graphical components over 3 years of hammering away at the question: 'Jeez D3 sure is hard to learn, how do we make this easier?'