RRU 004: Redux-Bundler with Henrik Joreteg




React Round Up show

Summary: <p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> <li>Tara Manicsic</li> <li>Kent C Dodds</li> </ul> <p><strong>Special Guests: </strong>Henrik Joreteg</p> <p>In this episode of React Round Up, the panel discusses redux-bundler with Henrik Joreteg. Henrik spoke at the first Node Conf, leans towards progressive web apps and single-page apps, and recently has gotten into independent consulting. He also has written a book called <a href="http://humanjavascript.com/"><em>Human JavaScript</em></a> and is working on his second book right now. They talk about his <a href="https://github.com/HenrikJoreteg/redux-bundler">redux-bundler</a> on GitHub and the ability to make changes behind the scenes without having to bother the user. He gives a general background on why he created the bundler and how you can use it in your programming to make your life easier.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Henrik introduction</li> <li>What is the <a href="https://github.com/HenrikJoreteg/redux-bundler">redux-bundler</a>?</li> <li>He despises using behavioral components</li> <li>If it can be local, keep it local</li> <li>Don’t bother the user if you don’t need to</li> <li>Service Workers vs redux-bundler</li> <li>Making changes behind the scenes</li> <li>He loves to build apps</li> <li>Can you see any case where it would be useful to have a Service Worker in the background?</li> <li><a href="https://github.com/HenrikJoreteg/redux-bundler-example">Redux-bundler example</a></li> <li><a href="https://github.com/HenrikJoreteg/redux-bundler-worker-example">Redux-bundler worker example</a></li> <li>What are the pros and cons to using the redux-bundler?</li> <li>At what point do you need <a href="https://redux.js.org/">Redux</a>?</li> <li><a href="https://reactjs.org/">React</a></li> <li>How did you get to the point to where you decided to make this bundler?</li> <li>Uses React as a glorified templating language</li> <li>He gets nervous when people start writing a lot of application code</li> <li><a href="https://speedy.gift/">Speedy.gift</a></li> <li>Easier to use this from the beginning</li> <li>This bundler is used to show patterns</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://reactdevsummit.com/">React Dev Summit</a></li> <li><a href="http://humanjavascript.com/"><em>Human JavaScript</em></a></li> <li><a href="https://github.com/HenrikJoreteg/redux-bundler">Redux-bundler</a></li> <li><a href="https://github.com/HenrikJoreteg/redux-bundler-example">Redux-bundler example</a></li> <li><a href="https://github.com/HenrikJoreteg/redux-bundler-worker-example">Redux-bundler worker example</a></li> <li><a href="https://redux.js.org/">Redux</a></li> <li><a href="https://reactjs.org/">React</a></li> <li><a href="https://speedy.gift/">Speedy.Gift</a></li> <li><a href="https://joreteg.com/">Henrik’s blog</a></li> <li><a href="https://twitter.com/HenrikJoreteg?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor">@HenrikJoreteg</a></li> <li><a href="https://reduxbook.com/">Reduxbook.com coming soon</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="https://en.wikipedia.org/wiki/Black_Panther_(film)">Black Panther</a></li> <li><a href="https://meetme.so/devchatlistener">DevChat.tv/15minutes</a></li> <li><a href="https://reactdevsummit.com/">React Dev Summit</a></li> <li><a href="https://devchat.tv/">DevChat.tv</a></li> <li><a href="https://devchat.tv/adv-in-angular">Adventures in Angular</a></li> <li><a href="http://viewsonvue.com/">Views on Vue</a></li> </ul> <p>Tara</p> <ul> <li><a href="https://www.womenwhocode.com/">Women Who Code</a></li> <li><a href="https://www.womentechmakers.com/">Women Techmakers</a></li> </ul> <p>Kent</p> <ul> <li>International Women’s Day</li> <li><a href="https://www.girldevelopit.com/">Girl Develop It</a></li> <li><a href="https://blog.kentcdodds.com/application-state-management-66de608ccb24">Application State Management blog post</a></li> <li><a href="https://blog.kentcdodds.com/automation-without-config-412ab5e47229">Tools without config blog post</a></li> <li><a href="https://blog.kentcdodds.com/concerning-toolkits-4db57296e1c3">Concerning toolkits blog post</a></li> </ul> <p>Henrik</p> <ul> <li><a href="https://apps.ankiweb.net/">Anki</a></li> <li><a href="https://gist.github.com/swannodette/121927">Partial JS</a></li> <li><a href="https://www.amazon.com/Deviate-Science-Differently-Beau-Lotto/dp/1478909161"><em>Deviate</em> by Beau Lotto</a></li> </ul>