Episode 73: RRU 072: React Hooks for Global State and More Custom Hooks with Daishi Kato
React Round Up
English - July 30, 2019 10:00 - 51 minutes - 48.5 MB - ★★★★★ - 18 ratingsHow To Education News Tech News react reactjs javascript front-end framework software development Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
Sponsors
Sentry use the code “devchat” for 2 months free on Sentry’s small plan
Triplebyte offers a $1000 signing bonus
Panel
Thomas Aylott
David Ceddia
Lucas Reis
With special guest: Daishi Kato
Episode Summary
Todays guest Daishi Kato is a freelance programmer and has many open source libraries. He starts off by talking about how he got from tail call optimization to Redux and global state. Daishi talks about his definition of global state, how it differs from a regular state, and why it is a problem with the current context implementation. Thomas talks about his work with Android and how React has helped solved some of the problems they encountered. They talk about when different rendering issues they’ve encountered. Daishi shares his unique approach to solving rendering issues and how it applies to his libraries. His solution is to combine the system in React with proxy based tracking to solve issues with rendering. Daishi explains why this works and the importance of benchmarking. Daishi’s solution is designed as a same use state API, so someone can drop this in and see if it works.
Daishi talks about his definition of proxies and how it triggers the rerender. He also talks about how it handles conditional reads. This tracking happens every render and it doesn’t have the same limitations as hooks. The panel talks about the new version of React Redux library implementation and how it compares to Daishi’s. Daishi’s approach is useful for people earning Redux because the used tracked state gives you all the benefits without a lot of the complexity. Daishi talks about how it deals with deeply nested pieces of code.
The panel discusses the delicate balance of optimizing, but not doing it too soon, but to also remember how vital it is to maintain the performance of your app. Daishi’s work with Reactive React Redux to make sure things perform from the beginning is really important. It’s also important to understand how your product works so that when things do go wrong, you know how to fix it. Daisho talks about his other library React Tract for people who don’t like to use Redux.
Links
Follow DevChat on Facebook and Twitter
Picks
David Ceddia:
Thomas Aylott:
The Making of a Manager by Julie Zhou
Lucas Reis:
Daishi Kato:
Special Guest: Daishi Kato.
Sponsors
Sentry use the code “devchat” for 2 months free on Sentry’s small plan
Triplebyte offers a $1000 signing bonus
Panel
Thomas Aylott
David Ceddia
Lucas Reis
With special guest: Daishi Kato
Episode Summary
Todays guest Daishi Kato is a freelance programmer and has many open source libraries. He starts off by talking about how he got from tail call optimization to Redux and global state. Daishi talks about his definition of global state, how it differs from a regular state, and why it is a problem with the current context implementation. Thomas talks about his work with Android and how React has helped solved some of the problems they encountered. They talk about when different rendering issues they’ve encountered. Daishi shares his unique approach to solving rendering issues and how it applies to his libraries. His solution is to combine the system in React with proxy based tracking to solve issues with rendering. Daishi explains why this works and the importance of benchmarking. Daishi’s solution is designed as a same use state API, so someone can drop this in and see if it works.
Daishi talks about his definition of proxies and how it triggers the rerender. He also talks about how it handles conditional reads. This tracking happens every render and it doesn’t have the same limitations as hooks. The panel talks about the new version of React Redux library implementation and how it compares to Daishi’s. Daishi’s approach is useful for people earning Redux because the used tracked state gives you all the benefits without a lot of the complexity. Daishi talks about how it deals with deeply nested pieces of code.
The panel discusses the delicate balance of optimizing, but not doing it too soon, but to also remember how vital it is to maintain the performance of your app. Daishi’s work with Reactive React Redux to make sure things perform from the beginning is really important. It’s also important to understand how your product works so that when things do go wrong, you know how to fix it. Daisho talks about his other library React Tract for people who don’t like to use Redux.
Links
Follow DevChat on Facebook and Twitter
Picks
David Ceddia:
Thomas Aylott:
The Making of a Manager by Julie Zhou
Lucas Reis:
Daishi Kato:
Special Guest: Daishi Kato.