Tanner Linsley Separates UI State And Server State

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

• react-query

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