Summary: <h2><strong>Sponsors</strong></h2> <ul> <li><a href="https://www.telerik.com/kendo-ui?utm_medium=social-paid&utm_source=devchattv&utm_campaign=kendo-ui-awareness-jsjabber">KendoUI</a></li> <li> <a href="http://sentry.io/">Sentry</a> use the code “devchat” for $100 credit</li> <li><a href="https://triplebyte.com/react">TripleByte</a></li> <li><a href="https://www.cachefly.com/">Cachefly</a></li> </ul> <h3><strong>Panel</strong></h3> <ul> <li>Charles Max Wood</li> <li>Lucas Reis</li> <li>Justin Bennett</li> </ul> <p>Joined by Special Guest: Dave Ceddia</p> <h3><strong>Summary</strong></h3> <p>Dave Ceddia introduces hooks and what they let you do. The panel discusses how hooks work and how they will clean up the code. Dave explains what react does behind the scenes when hooks are being used. Hooks are simple to use but hard to explain, so the panel asks Dave how he would teach hooks. Dave explains there is a learning hump and shares what trips most developers up.</p> <p>The panel considers the switch from life cycles to effect and the mindset shift it requires. The difficulties of hooks are explored, such as there are now three ways to share functionality in react components. Dave shares the advantages of using array destructing instead of object destructing. The panel considers how hooks change the react framework and whether it is worth going back and refactoring everything or to refactor as you go. Different migration paths are discussed and the panel gives advice for different company types and sizes. Jokingly the panel contemplates the hype surrounding hooks and suspense.</p> <h3><strong>Links</strong></h3> <ul> <li><a href="https://www.youtube.com/watch?v=Z2DU0qLfPIY&feature=youtu.be&t=2445">https://www.youtube.com/watch?v=Z2DU0qLfPIY&feature=youtu.be&t=2445</a></li> <li><a href="https://reactjs.org/docs/hooks-faq.html#should-i-use-hooks-classes-or-a-mix-of-both">https://reactjs.org/docs/hooks-faq.html#should-i-use-hooks-classes-or-a-mix-of-both</a></li> <li><a href="https://english.stackexchange.com/questions/12980/how-to-pronounce-tuple">https://english.stackexchange.com/questions/12980/how-to-pronounce-tuple</a></li> <li><a href="https://reactjs.org/blog/2018/11/27/react-16-roadmap.html">https://reactjs.org/blog/2018/11/27/react-16-roadmap.html</a></li> <li><a href="https://reactjs.org/docs/hooks-intro.html">https://reactjs.org/docs/hooks-intro.html</a></li> <li><a href="https://daveceddia.com/tags/#hooks">https://daveceddia.com/tags/#hooks</a></li> <li><a href="https://youtu.be/CpPCJigsPNY">https://youtu.be/CpPCJigsPNY</a></li> <li><a href="https://daveceddia.com/">https://daveceddia.com/</a></li> <li><a href="https://twitter.com/dceddia">https://twitter.com/dceddia</a></li> </ul> <h3><strong>Picks </strong></h3> <p><strong>Charles Max Wood</strong></p> <ul> <li><a href="http://mastermindhunt.com/devchat">mastermindhunt.com/devchat</a></li> <li><a href="https://devchat.tv/get-a-coder-job/">https://devchat.tv/get-a-coder-job/</a></li> </ul> <p><strong>Lucas Reis</strong></p> <ul> <li><a href="https://xstate.js.org/docs/">https://xstate.js.org/docs/</a></li> <li><a href="https://github.com/carloslfu/use-machine">https://github.com/carloslfu/use-machine</a></li> </ul> <p><strong>Justin Bennett</strong></p> <ul> <li><a href="https://github.com/zeit/ncc">https://github.com/zeit/ncc</a></li> <li><a href="https://parceljs.org/">https://parceljs.org/</a></li> <li><a href="https://bcrikko.github.io/NES.css/">https://bcrikko.github.io/NES.css/</a></li> </ul> <p><strong>Dave Ceddia</strong></p> <ul> <li><a href="https://codesandbox.io/docs/live">https://codesandbox.io/docs/live</a></li> <li><a href="https://jamesclear.com/atomic-habits">https://jamesclear.com/atomic-habits</a></li> </ul>
