Kodsnack 512 - Enrich the graphics, with Denis Radin

<p>Recorded at the <a href="https://oredev.org/">Øredev</a> 2022 developer conference, Fredrik chats with <a href="http://pixelscommander.com/">Denis Radin</a> about <a href="https://reactjs.org/">React</a>, <a href="https://www.w3.org/TR/webgpu/">Webgpu</a>, standards development, coding standards, and a lot more.</p> <p>We start way back, with early React development - while React was still in beta, on amazingly bad hardware. A project where focus was actually on optimization and education instead of throwing hardware at solving the performance problem.</p> <p>We discuss AI art generation a bit, and how it affects our world.</p> <p>Denis then gets into how Webgpu is different from Webgl, mostly a lot better for a lot more use cases.</p> <p>What&rsquo;s holding back really cool graphical things in the browser now? Getting paid!</p> <p>Denis tells us about the development of the Webgpu standard, a unique standard which filled a gap major players all wanted filling.</p> <p>What if we applied NASA coding guidelines to Javascript? Denis did it to show that Javascript can be taken as seriously as C or other low-level languages, if we just want to. Do we web developers have more to internalize when it comes to pride in craftmanship? But examples are out there if we just know to look for them.</p> <p>What does Denis think of React&rsquo;s evolution?</p> <p>Finally, fullstack frameworks are coming and exciting. They are a revolution for Denis' side projects already!</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://oredev.org/">Øredev</a></li> <li><a href="http://pixelscommander.com/">Denis</a></li> <li><a href="https://reactsummit.com/">Denis helps organize React conferences in Amsterdam</a></li> <li><a href="https://www.youtube.com/watch?v=gB7Qdy9xnAo">Denis' presentation</a> at Øredev 2022</li> <li><a href="http://pixelscommander.com/javascript/webgpu-computations-performance-in-comparison-to-webgl/">Denis' blog post on WebGPU</a></li> <li><a href="https://en.wikipedia.org/wiki/Rich_client">Thick clients</a></li> <li><a href="https://www.w3.org/TR/webgpu/">Webgpu</a></li> <li><a href="https://en.wikipedia.org/wiki/WebGL">Webgl</a></li> <li><a href="https://en.wikipedia.org/wiki/Canvas_element">Canvas</a></li> <li><a href="https://en.wikipedia.org/wiki/OpenGL">Opengl</a></li> <li><a href="https://en.wikipedia.org/wiki/Metal_%28API%29">Metal</a></li> <li><a href="https://en.wikipedia.org/wiki/DirectX">Directx</a></li> <li><a href="https://en.wikipedia.org/wiki/Vulkan">Vulkan</a></li> <li><a href="http://everyspec.com/NASA/NASA-JPL/JPL-D-60411_VER-1_32832/">NASA coding standards (for C)</a></li> <li><a href="https://www.youtube.com/watch?v=z8hG-3Ak_b4">Denis' talk about applying the NASA coding standards</a></li> <li><a href="https://www.oreilly.com/library/view/high-performance-javascript/9781449382308/">High-performance Javascript</a></li> <li><a href="https://en.wikipedia.org/wiki/Angular_%28web_framework%29">Angular</a></li> <li><a href="https://www.solidjs.com/">Solid.js</a></li> <li><a href="https://alpinejs.dev/">Alpine.js</a></li> <li><a href="https://svelte.dev/">Svelte</a></li> <li><a href="https://en.wikipedia.org/wiki/React_Native">React native</a></li> <li><a href="https://docs.pmnd.rs/react-three-fiber/getting-started/introduction">React-three-fiber</a> - React renderer for <a href="https://en.wikipedia.org/wiki/Three.js">three.js</a></li> <li><a href="https://nextjs.org/">Next.js</a></li> <li><a href="https://blitzjs.com/">Blitz.js</a></li> <li><a href="https://en.wikipedia.org/wiki/Ruby_on_Rails">Ruby on rails</a></li> </ul> <h2 id="titles">Titles</h2> <ul> <li>Amazingly shitty hardware</li> <li>The performance and scalability wasn&rsquo;t there</li> <li>Let&rsquo;s use this pipeline</li> <li>Enrich the graphics</li> <li>How do you monetize?</li> <li>A standard that fills a gap</li> <li>Javascript developer: no</li> <li>Change the perception</li> <li>This is engineering</li> <li>Innovate by simplicity</li> <li>A fullstack developer with a couple of commands</li> </ul>