Daishi Kato's guest appearances

Daishi Kato

React Round Up

Devchat.tv Episode Roundup

Eric Simons

Mark Erikson

Max Desiatov

Soumyajit Pathak

Alexey Ivanov

Andy Barnov

Tomas Eglinskas

Luis Vieira

Samuel Mendenhall

Ajay NS

Adam Laycock

Thomas Aylott

Aman Mittal

Håkon Krogh

Colby Fayock

OwlTail

Custom Hooks

Sponsors  Netlify   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 KatoEpisode 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  Mobex   GraphQL   Proc SQL   React-Tracked   Immer   Reactive React Redux   React Redux   Follow DevChat on Facebook and TwitterPicksDavid Ceddia:  A Compiler From Scratch video   Verbal Expressions  Thomas Aylott:  The Making of a Manager by Julie Zhou   Thomas’ Youtube channel  Lucas Reis:  Shun knives  Daishi Kato:  Remote Faces  Special Guest: Daishi Kato. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors</h2><ul> <li> <a href="https://www.netlify.com/" rel="nofollow" target="_blank">Netlify</a> </li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan </li> <li> <a href="https://triplebyte.com/react" rel="nofollow" target="_blank">Triplebyte</a> offers a $1000 signing bonus </li> </ul><h3>Panel</h3><ul> <li> Thomas Aylott </li> <li> David Ceddia </li> <li> Lucas Reis </li> </ul>With special guest: Daishi Kato<h3>Episode Summary</h3> 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<ul> <li> <a href="https://www.mobex.biz/" rel="nofollow" target="_blank">Mobex</a> </li> <li> <a href="https://graphql.org/" rel="nofollow" target="_blank">GraphQL</a> </li> <li> <a href="https://support.sas.com/resources/papers/proceedings/proceedings/sugi27/p191-27.pdf" rel="nofollow" target="_blank">Proc SQL</a> </li> <li> <a href="https://www.npmjs.com/package/react-tracked" rel="nofollow" target="_blank">React-Tracked</a> </li> <li> <a href="https://github.com/immerjs/immer" rel="nofollow" target="_blank">Immer</a> </li> <li> <a href="https://github.com/dai-shi/reactive-react-redux" rel="nofollow" target="_blank">Reactive React Redux</a> </li> <li> <a href="https://react-redux.js.org/" rel="nofollow" target="_blank">React Redux</a> </li> </ul> Follow DevChat on <a href="https://www.facebook.com/DevChattv/?__tn__=%2Cd%2CP-R&amp;eid=ARDBDrBnK71PDmx_8gE_IeIEo5SnM7cyzylVBjAwfaOo1ck_6q3GXuRBfaUQZaWVvFGyEVjrhDwnS_tV" rel="nofollow" target="_blank">Facebook</a> and <a href="https://twitter.com/devchattv?lang=en" rel="nofollow" target="_blank">Twitter</a><h3>Picks</h3>David Ceddia:<ul> <li> <a href="https://www.destroyallsoftware.com/screencasts/catalog/a-compiler-from-scratch" rel="nofollow" target="_blank">A Compiler From Scratch video</a> </li> <li> <a href="https://github.com/VerbalExpressions" rel="nofollow" target="_blank">Verbal Expressions</a> </li> </ul>Thomas Aylott:<ul> <li> <a href="https://juliezhuo.com/book/manager.html" rel="nofollow" target="_blank">The Making of a Manager</a> by Julie Zhou </li> <li> <a href="https://www.youtube.com/channel/UCZo0rCa6jiy8PrdK4TcOv5w?view_as=subscriber" rel="nofollow" target="_blank">Thomas’ Youtube channel</a> </li> </ul>Lucas Reis:<ul> <li> <a href="https://shun.kaiusaltd.com/" rel="nofollow" target="_blank">Shun knives</a> </li> </ul>Daishi Kato:<ul> <li> <a href="https://medium.com/@dai_shi/remote-faces-share-webcam-still-images-with-peerjs-webrtc-a7ed5fe11e49" rel="nofollow" target="_blank">Remote Faces</a> </li> </ul>Special Guest: Daishi Kato. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 072: React Hooks for Global State and More Custom Hooks with Daishi Kato

Sponsors   Netlify   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   Mobex   GraphQL   Proc SQL   React-Tracked   Immer   Reactive React Redux   React Redux     Follow DevChat on Facebook and Twitter Picks David Ceddia:   A Compiler From Scratch video   Verbal Expressions   Thomas Aylott:   The Making of a Manager by Julie Zhou   Thomas’ Youtube channel   Lucas Reis:   Shun knives   Daishi Kato:   Remote Faces 

<h2>Sponsors</h2> <ul> <li> <a href="https://www.netlify.com/" rel="nofollow" target="_blank">Netlify</a> </li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan </li> <li> <a href="https://triplebyte.com/react" rel="nofollow" target="_blank">Triplebyte</a> offers a $1000 signing bonus </li> </ul> <h3>Panel</h3> <ul> <li> Thomas Aylott </li> <li> David Ceddia </li> <li> Lucas Reis </li> </ul> With special guest: Daishi Kato <h3>Episode Summary</h3> 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 <ul> <li> <a href="https://www.mobex.biz/" rel="nofollow" target="_blank">Mobex</a> </li> <li> <a href="https://graphql.org/" rel="nofollow" target="_blank">GraphQL</a> </li> <li> <a href="https://support.sas.com/resources/papers/proceedings/proceedings/sugi27/p191-27.pdf" rel="nofollow" target="_blank">Proc SQL</a> </li> <li> <a href="https://www.npmjs.com/package/react-tracked" rel="nofollow" target="_blank">React-Tracked</a> </li> <li> <a href="https://github.com/immerjs/immer" rel="nofollow" target="_blank">Immer</a> </li> <li> <a href="https://github.com/dai-shi/reactive-react-redux" rel="nofollow" target="_blank">Reactive React Redux</a> </li> <li> <a href="https://react-redux.js.org/" rel="nofollow" target="_blank">React Redux</a> </li> </ul> Follow DevChat on <a href="https://www.facebook.com/DevChattv/?__tn__=%2Cd%2CP-R&amp;eid=ARDBDrBnK71PDmx_8gE_IeIEo5SnM7cyzylVBjAwfaOo1ck_6q3GXuRBfaUQZaWVvFGyEVjrhDwnS_tV" rel="nofollow" target="_blank">Facebook</a> and <a href="https://twitter.com/devchattv?lang=en" rel="nofollow" target="_blank">Twitter</a> <h3>Picks</h3> David Ceddia: <ul> <li> <a href="https://www.destroyallsoftware.com/screencasts/catalog/a-compiler-from-scratch" rel="nofollow" target="_blank">A Compiler From Scratch video</a> </li> <li> <a href="https://github.com/VerbalExpressions" rel="nofollow" target="_blank">Verbal Expressions</a> </li> </ul> Thomas Aylott: <ul> <li> <a href="https://juliezhuo.com/book/manager.html" rel="nofollow" target="_blank">The Making of a Manager</a> by Julie Zhou </li> <li> <a href="https://www.youtube.com/channel/UCZo0rCa6jiy8PrdK4TcOv5w?view_as=subscriber" rel="nofollow" target="_blank">Thomas’ Youtube channel</a> </li> </ul> Lucas Reis: <ul> <li> <a href="https://shun.kaiusaltd.com/" rel="nofollow" target="_blank">Shun knives</a> </li> </ul> Daishi Kato: <ul> <li> <a href="https://medium.com/@dai_shi/remote-faces-share-webcam-still-images-with-peerjs-webrtc-a7ed5fe11e49" rel="nofollow" target="_blank">Remote Faces</a> </li></ul>