Tanner Linsley Separates UI State And Server State
Tanner Linsley talks about creating libraries and separating UI state and server state.
Chats with Kent C. Dodds · Kent C. Dodds, Tanner Linsley
Audio is streamed directly from the publisher (cdn.simplecast.com) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
Tanner Linsley is the creator of react-table, react-charts, and react-query. Tanner also has a startup called nozzle.io where they track rankings in Google and do cool things around technical SEO.
A lot of Tanner's libraries were born out of necessity at nozzle. We often reach for abstractions that were built to solve problems that we don't have and that ends up creating awkward problems for us. We wind up with poor performance or a bigger bundle size than we need, so having a custom made solution can be a good thing.
Your UI state is not the same as your server state and they should be separate things. By keeping these types of state separated from each other you can simplify your app. Server state is different enough in structure, persistence strategy, consumption, and lifecycle to be managed in smarter systems that are configurable to an apps needs of data freshness.
Homework
- Take inventory of your state. What is UI state and what is Server state?
Resources
Guest: Tanner Linsley
- Twitter: @tannerlinsley
- Github: @tannerlinsley
Host: Kent C. Dodds
- Website: kentcdodds.com
- Twitter: @kentcdodds
- GitHub: @kentcdodds
- YouTube: Kent C. Dodds
- Epic React: epicreact.dev