Summary: <h2 dir="ltr"><strong>Sponsors</strong></h2> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://devchat.tv/react-native-radio/">React Native Radio</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="http://sentry.io/">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://devchat.tv/gitlabcommit">GitLab</a> | Get 30% off tickets with the promo code: DEVCHATCOMMIT</strong></p> </li> </ul> <h3 dir="ltr"><strong>Panel</strong></h3> <ul> <li dir="ltr"> <p dir="ltr"><strong>David Ceddia</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>Lucas Reis</strong></p> </li> </ul> <p dir="ltr"><strong>With special guest: Jamon Holmgren</strong></p> <h3 dir="ltr"><strong>Episode Summary</strong></h3> <p dir="ltr"><strong>Today’s guest is Jamon Holmgren from Oregon. Jamon is the the CTO for Infinite Red, a consultancy that designs and builds mobile apps. The show starts with Jamon talking about his background in coding, which goes all the way back to when he was 12 years old. The panel brings up his React Finland presentation on building a community around Ignite. Ignite is a plugins and boilerplate maker for React that can speed up app creation. Jamon talks about how it works and how it came about. The panel believes this to be an excellent product that will contribute to code quality and doesn’t contribute to the jumble of boilerplates out there. </strong></p> <p dir="ltr"><strong>Since Infinite Red engineers work on both web and mobile applications, Jamon talks about how they navigate the differences between the two platforms. Their primary tool for doing this is MobX, and Jamon expounds on how it works. The panel discusses situations where using React Hooks and React Context are too low level for a state management solution for a big application, and thus where tools like MobX become necessary. </strong></p> <p dir="ltr"><strong>The conversation turns to the React Core team and how they view the community coming up with their own solutions. The panel discusses the lack of executive decisions in React and compare it to other languages like Ruby, and how it affects the longevity of a language. They weigh the benefits of a core team that makes executive decisions and causes conflict versus one that doesn’t and the chaos that ensues. They discuss the benefits of standardization, but ultimately agree that collaboration almost always comes up with the best solution. </strong></p> <p> </p> <p dir="ltr"><strong>Links</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://infinite.red/">Infinite Red</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.youtube.com/watch?v=gTG8_9Zv0YI">Building a Community Around Ignite</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://infinite.red/ignite">Ignite</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.freecodecamp.org/news/whats-boilerplate-and-why-do-we-use-it-let-s-check-out-the-coding-style-guide-ac2b6c814ee7/">Boilerplate</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://github.com/mobxjs/mobx-state-tree">MobX State Tree</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://github.com/mobxjs/mobx-react">MobX React</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://github.com/mobxjs/mobx">MobX</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.emer.it/">Emer</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://react-redux.js.org/">React Redux</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://reactjs.org/docs/context.html">React Context</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://reactjs.org/docs/hooks-intro.html">React Hooks</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.apollographql.com/">Apollo</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://elm-lang.org/">Elm</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://prettier.io/">Prettier</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://twitter.com/jevakallio/status/1153371850250117121">@jevakallio Tweet</a></strong></p> </li> </ul> <p dir="ltr"><strong>Follow DevChat on <a href="https://www.facebook.com/DevChattv/?__tn__=%2Cd%2CP-R&eid=ARDBDrBnK71PDmx_8gE_IeIEo5SnM7cyzylVBjAwfaOo1ck_6q3GXuRBfaUQZaWVvFGyEVjrhDwnS_tV">Facebook</a> and <a href="https://twitter.com/devchattv?lang=en">Twitter</a></strong></p> <h3 dir="ltr"><strong>Picks</strong></h3> <p dir="ltr"><strong>David Ceddia:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://devurls.com/">Devurls.com</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.a11ywithlindsey.com/blog/reducing-motion-improve-accessibility">Reducing Motion to Improve Accessibility</a></strong></p> </li> </ul> <p dir="ltr"><strong>Lucas Reis:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.youtube.com/watch?v=OxrsO4aIjyc">CSS Grid like you are Jan Tschichold</a></strong></p> </li> </ul> <p dir="ltr"><strong>Jamon Holmgren:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://github.com/nodegui/react-nodegui">React Node GUI</a></strong></p> </li> </ul>
