Kodsnack 550 - This beautiful abomination, with Natalia Tepluhina

<p>Recorded at <a href="https://oredev.org/">Øredev</a> 2022, Fredrik chats with <a href="https://www.nataliatepluhina.com/">Natalia Tepluhina</a> about perhaps the most complicated part of frontend development: state management.</p> <p>Why is state management so tricky, and what can we do about it? Natalia tells a fascinating story of a beautiful abomination of state management libraries in a single application.</p> <p>Don&rsquo;t be the bottleneck. Some people enjoy it, but it doesn&rsquo;t do you any good (or your company for that matter). Natalia realized she had become one, and took action to resolve the issue.</p> <p>Once we leave state behind us, we discuss documentation writing and contributions - in many ways it&rsquo;s actually harder than contributing to code. You need a much wider perspective, so the idea that documentation is some easy start to contributing isn&rsquo;t necessarily correct.</p> <p>Finally: never forget to reach out! Report the issue, offer to help, ask for the feature, or whatever else it is that you&rsquo;ve thought about doing but never got around to!</p> <p>Thank you <a href="http://www.cloudnet.se">Cloudnet</a> for sponsoring our <a href="http://en.wikipedia.org/wiki/Virtual_private_server">VPS</a>!</p> <p>Comments, questions or tips? We are <a href="https://www.twitter.com/kodsnack">@kodsnack</a>, <a href="https://www.twitter.com/tobiashieta">@tobiashieta</a>, <a href="https://twitter.com/oferlund">@oferlund</a> and <a href="https://www.twitter.com/bjoreman">@bjoreman</a> on Twitter, have a <a href="https://www.facebook.com/kodsnack">page on Facebook</a> and can be emailed at <a href="mailto:[email protected]">[email protected]</a> if you want to write longer. We read everything we receive.</p> <p>If you enjoy Kodsnack we would love a <a href="http://itunes.apple.com/se/podcast/kodsnack/id561631498?l=en">review in iTunes</a>! You can also support the podcast by <a href="https://ko-fi.com/kodsnack" rel="payment">buying us a coffee (or two!) through Ko-fi</a>.</p> <h2 id="links">Links</h2> <ul> <li><a href="https://www.nataliatepluhina.com/">Natalia</a></li> <li><a href="https://www.youtube.com/watch?v=YkbIgNIubyA">Deep down the rabbit hole of state management and server cache</a> - Natalia&rsquo;s talk at Øredev 2022</li> <li><a href="https://vuejs.org/">Vue.js</a></li> <li><a href="https://en.wikipedia.org/wiki/GitLab">Gitlab</a></li> <li><a href="https://vuejs.org/guide/scaling-up/state-management.html">State management</a></li> <li><a href="https://en.wikipedia.org/wiki/Single_source_of_truth">Single source of truth</a></li> <li><a href="https://vue-query.vercel.app/#/">Vue query</a></li> <li><a href="https://en.wikipedia.org/wiki/JQuery">Jquery</a></li> <li><a href="https://tanstack.com/query/latest">React query</a></li> <li><a href="https://www.apollographql.com/docs/react/">Apollo client</a></li> <li><a href="https://rxjs.dev/guide/observable">Observables</a></li> <li><a href="https://rxjs.dev/">Rxjs</a></li> <li><a href="https://vuex.vuejs.org/">Vuex</a></li> <li><a href="https://worldline.github.io/vuejs-training/reactivity/">Reactivity</a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes">Classes in Javascript</a></li> <li><a href="https://en.wikipedia.org/wiki/Tower_of_Hanoi">Tower of Hanoi</a></li> <li><a href="https://en.wikipedia.org/wiki/Jenga">Jenga</a></li> <li><a href="https://en.wikipedia.org/wiki/CURL">Curl</a></li> </ul> <h2 id="titles">Titles</h2> <ul> <li>I don&rsquo;t have frontend in my title</li> <li>Silver bullets in the world of state management</li> <li>Explaining magic to your team mates</li> <li>Pretty simple but not that magical</li> <li>Too much magic going on</li> <li>Contagious reactivity</li> <li>This beautiful abomination</li> <li>Constantly growing and changing</li> <li>Another kind of abomination</li> <li>Some people enjoy being a bottleneck</li> </ul>