<p>Stay current on the latest innovations and technologies in the React community by listening to our panel of React and Web Development Experts.</p>

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/9/28/12/13aaf6cc-b91e-4f54-a8ea-5db0ee5d8807_rru_233.mp3

<p>In this week’s episode of React Round Up the panel works their way through a blog post outlining best practices for React. The first is “keeping components small and function-specific”. The panel discusses the pros of using this best practice and how it relates to the single responsibility principle. This best practice also helps with the next, “reusability is important”.</p><p>The panel considers this second best practice and points out some of its flaws. It recommends avoiding the creation of new components. The panel explains that by avoiding creating new components it saves time but can also cause problems as you adapt components to fit more projects. </p><p><br></p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a></li><li><a href="https://topenddevs.com/book-club" rel="nofollow">Developer Book Club </a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br></p><h1>Links</h1><ul><li><a href="https://teachablemachine.withgoogle.com/" rel="nofollow">https://teachablemachine.withgoogle.com/</a> </li><li><a href="https://blog.logrocket.com/practical-react-hooks-how-to-refactor-your-app-to-use-hooks-b1867e7b0a53/" rel="nofollow">Practical React Hooks: How to refactor your app to use Hooks</a> </li><li><a href="https://www.codeinwp.com/blog/react-best-practices/#disqus_thread" rel="nofollow">12 React Best Practices You Need to Follow in 2020</a> </li><li><a href="https://github.com/nadeesha/saul" rel="nofollow">https://github.com/nadeesha/saul</a> </li><li><a href="https://www.facebook.com/React-Round-Up" rel="nofollow">https://www.facebook.com/React-Round-Up</a></li><li><a href="https://twitter.com/reactroundup" rel="nofollow">https://twitter.com/reactroundup</a></li></ul><p><br></p><h1>Picks</h1><ul><li>Charles - <a href="https://amzn.to/2D1WfnD" rel="nofollow">White Christmas</a> </li><li>Charles - <a href="https://amzn.to/33ahvCx" rel="nofollow">Holiday Inn</a> </li><li>Charles - <a href="https://amzn.to/2QBuBWI" rel="nofollow">The MaxCoders Guide To Finding Your Dream Developer Job</a> </li><li>Christopher - <a href="https://github.com/microsoft/vscode-eslint" rel="nofollow">https://github.com/microsoft/vscode-eslint</a> </li><li>Christopher - <a href="https://www.playingwithfire.co/" rel="nofollow">https://www.playingwithfire.co/</a> </li><li>Thomas - <a href="https://medium.com/@kentbeck_7670/test-commit-revert-870bbd756864" rel="nofollow">test &amp;&amp; commit || revert</a></li></ul><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

React Best Practices - RRU 233

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/9/20/16/6d4b5d85-6a08-4116-a293-f969b2195ebe_rru_232.mp3

<p>Front-end developer Maksim Ivanov talks about working for Mojang, the company behind the ridiculously popular game Minecraft. As it turns out, Maksim uses React to build different pieces of the game, and runs the code through a custom renderer to make it work in the game world. In addition to his day job, he also found time to write a book about TypeScript after realizing how much easier getting familiar with new code bases could be if TypeScript was used instead of JavaScript. The panel has used TypeScript to varying degrees themselves, but nobody&#39;s gone all in, and they talk about the pros and cons of it, including the initial learning curve and how it can help prevent bugs in the code. Maksim&#39;s book covers many aspects of TypeScript in great detail, and it sounds like a good read for anyone just picking up the language.</p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a> </li><li><a href="https://raygun.com/" rel="nofollow">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br></p><h1>Links</h1><ul><li><a href="https://www.youtube.com/watch?v=CGpMlWVcHok" rel="nofollow">Custom Renderer</a></li><li><a href="https://www.npmjs.com/package/react-game-engine" rel="nofollow">react-game-engine - npm</a></li><li><a href="https://www.npmjs.com/package/react-unity-webgl" rel="nofollow">react-unity-webgl - npm</a></li><li><a href="https://www.gnu.org/software/gettext/" rel="nofollow">gettext</a></li><li><a href="https://www.newline.co/" rel="nofollow">newline</a></li><li><a href="https://www.instagram.com/tjfuller/" rel="nofollow">@tjfuller • Instagram</a></li><li><a href="https://react-hook-form.com/" rel="nofollow">React Hook Form</a></li><li><a href="https://github.com/typescript-cheatsheets/react-typescript-cheatsheet" rel="nofollow">Cheatsheets for experienced React developers getting started with TypeScript</a></li><li><a href="https://pragprog.com/book/achbd/the-rspec-book" rel="nofollow">The RSpec Book</a></li><li><a href="https://github.com/TypeStrong/ts-node" rel="nofollow">TypeStrong</a></li></ul><p><br></p><h1>Picks</h1><ul><li>Maksim - Follow Maksim on <a href="https://www.youtube.com/channel/UC5hby9iDkwOTQM7PIjyjbgw" rel="nofollow">Youtube</a></li><li>Maksim -<a href="https://en.wikipedia.org/wiki/Harry_Potter_and_the_Methods_of_Rationality" rel="nofollow">Harry Potter and the Methods of Rationality</a></li><li>Charles - <a href="https://amzn.to/3bP8Z0M" rel="nofollow">Iron druid chronicles</a></li><li>Charles - <a href="https://amzn.to/2W8fEwh" rel="nofollow">Percy Jackson</a></li><li>Paige - <a href="https://www.goodreads.com/book/show/186074.The_Name_of_the_Wind" rel="nofollow">The Name of the Wind</a></li><li>TJ - <a href="https://www.omnigroup.com/more" rel="nofollow">OmniDiskSweeper, OmniWeb, and OmniPresence - The Omni Group</a></li><li>TJ - <a href="https://rtmccormick.com/2018/01/10/clear-node-modules-folders-recursively-mac-linux/" rel="nofollow">https://rtmccormick.com/2018/01/10/clear-node-modules-folders-recursively-mac-linux/</a></li></ul><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

Game Development in React & Typescript with Maksim Ivanov - RRU 232

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/9/13/10/55469393-1229-418e-8f9e-062b842c496c_rru_231.mp3

<p>Today we talk with Fred Schott, the co-creator of Astro, a web framework focused on improving performance. Built around island architecture, it leverages HTML over javascript where it’s an option. Astro is a great option for those who focus on content, marketing, or personal blogs, and it is a great option to use with React. In this episode, we talk about when it makes sense to use Astro, and how to implement it.</p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a></li><li><a href="https://topenddevs.com/book-club" rel="nofollow">Developer Book Club </a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><h1><br></h1><p><br></p><h1>Links</h1><ul><li><a href="https://astro.new/" rel="nofollow">astro.new</a> </li><li><a href="https://astro.build/" rel="nofollow">Astro | Build faster websites</a></li><li><a href="https://discord.com/invite/astrobuild" rel="nofollow">Astro Lounge</a></li><li><a href="https://twitter.com/fredkschott" rel="nofollow">Twitter: @FredKSchott</a></li><li><a href="https://twitter.com/astrodotbuild" rel="nofollow">Twitter: @astrodotbuild</a></li></ul><p><br></p><h1>Picks</h1><ul><li>Fred- <a href="https://over-the-garden-wall.fandom.com/wiki/Over_the_Garden_Wall" rel="nofollow">Over the Garden Wall</a></li><li>Jack- <a href="https://www.amazon.com/Pizza-Ultimate-Cookbook-Barbara-Caracciolo/dp/1646430034" rel="nofollow">Pizza: The Ultimate Cookbook Featuring More Than 300 Recipes (Italian Cooking, Neapolitan Pizzas, Gifts for Foodies, Cookbook, History of Pizza)</a></li><li>TJ- <a href="https://www.theverge.com/the-vergecast" rel="nofollow">The Vergecast Podcast</a></li></ul><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

All Astro with Fred Schott - RRU 231

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/8/30/18/7bd985c2-df53-4029-b821-f50f45c6bd83_rru_230.mp3

<p>In today&#39;s episode, we talk about state management, dependency injection, react hooks, API access best practices and more with Tommy Groshong a React UI architect.</p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a> </li><li><a href="https://raygun.com/" rel="nofollow">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br></p><h1>Links</h1><ul><li><a href="https://blog.testdouble.com/posts/2021-03-19-react-context-for-dependency-injection-not-state/" rel="nofollow">React Context for Dependency Injection Not State Management</a></li><li><a href="https://tommygroshong.com/posts/reduce-state-management-with-react-query/" rel="nofollow">Reduce State Management Footprint with React Query</a></li><li><a href="https://blog.testdouble.com/posts/2021-05-03-reduce-state-management-with-react-query/" rel="nofollow">Reduce State Management Footprint with React Query</a></li><li><a href="https://testdouble.com/" rel="nofollow">Test Double</a></li><li><a href="https://tommygroshong.com/" rel="nofollow">TommyGroshong.com</a></li><li><a href="https://www.linkedin.com/in/thomas-groshong-2b23aa28/" rel="nofollow">LinkedIn: Thomas Groshong </a></li><li><a href="https://twitter.com/tgroshon" rel="nofollow">Twitter: Tommy Groshong ( @tgroshon ) </a></li></ul><p><br></p><h1>Picks</h1><ul><li>Jack- <a href="https://deno.com/deploy" rel="nofollow">Deno Deploy</a></li><li>Paige- <a href="https://www.imdb.com/title/tt10986410/" rel="nofollow">Ted Lasso</a></li><li>Paige- <a href="https://github.com/foambubble/foam/blob/master/docs/index.md" rel="nofollow">GitHub | foambubble/foam</a></li><li>TJ- <a href="https://www.vox.com/land-of-the-giants-podcast" rel="nofollow">Land of the Giants</a></li><li>Tommy- <a href="https://www.imdb.com/title/tt8368512/" rel="nofollow">The Courier</a></li><li>Tommy- <a href="https://amzn.to/2TFhaZx" rel="nofollow">The Anarchist Handbook</a></li></ul><p><br></p><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

React Architecture with Tommy Groshong - RRU 230

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/8/23/14/58f6fe4e-e6b2-4374-a51d-c57ac510892d_rru_229.mp3

<p>Software Engineer Andrey Goncharov joins the React Round Up crew to discuss how his company Hazelcast has approached visualizing hundreds of data points on potentially hundreds of computers in a way that makes sense to users. Dust off your math skills - it gets a little technical along the way as they discuss graphs, charts, performance optimizations, and bottlenecks, and even handling accessibility of these data-intensive graphs. If you ever have to debug system failures and anomalies, this will be a worthwhile episode to check out.</p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br></p><h1>Links</h1><ul><li><a href="https://hazelcast.com/" rel="nofollow">Hazelcast | The Leading In-Memory Computing Platform</a></li><li> <a href="https://www.chartjs.org/" rel="nofollow">Chart.js | Open Source HTML5 Charts for your Website</a></li></ul><p><br></p><h1>Picks</h1><ul><li>Andrey- <a href="https://dataintensive.net/" rel="nofollow">Designing Data-Intensive Applications by Martin Kleppmann</a></li><li>Paige- <a href="https://en.wikipedia.org/wiki/The_Queen%27s_Gambit_(miniseries)" rel="nofollow"> Netflix Series | The Queen’s Gambit</a></li><li>TJ- <a href="https://amzn.to/3bD9huh" rel="nofollow">City of Stairs: A Novel (The Divine Cities) by Robert Jackson Bennett</a></li></ul><p>Special Guest: Andrey Goncharov.</p><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

Data Visualization at Scale with Andrey Goncharov - RRU 229

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/8/17/18/2c4010c2-3987-4755-b539-9a446280cf6b_rru_228.mp3

<p>Tania Rascia joins the round up to discuss how to organize your code across files, directories, components, and repos within your React app. The panel chimes in with what they&#39;ve seen and clarify how these approaches effect the overall application functionality of your app.</p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a></li><li><a href="https://topenddevs.com/book-club" rel="nofollow">Developer Book Club </a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br></p><h1>Links</h1><ul><li><a href="https://www.taniarascia.com/react-architecture-directory-structure/" rel="nofollow">React Architecture: How to Structure and Organize a React Application | Tania Rascia</a></li><li><a href="https://docs.microsoft.com/en-us/azure/architecture/patterns/backends-for-frontends" rel="nofollow">Backends for Frontends pattern - Cloud Design Patterns | Microsoft Docs</a></li><li><a href="https://chakra-ui.com/" rel="nofollow">Chakra UI</a></li><li><a href="https://tania.dev/front-end-tables-sort-filter-paginate/" rel="nofollow">Front End Tables: Sorting, Filtering, and Pagination | Tania Rascia</a></li></ul><p><br></p><h1>Picks</h1><ul><li>Jack- <a href="https://www.npmjs.com/package/react-location" rel="nofollow">react-location - npm</a></li><li>Paige - <a href="http://newline.co/" rel="nofollow">Newline.co</a></li><li>Paige- <a href="https://www.newline.co/courses/fullstack-react-with-typescript" rel="nofollow">Fullstack React with Typescript course</a></li><li>Tania - <a href="https://www.netlify.com/" rel="nofollow">Netlify</a></li><li>TJ - <a href="https://www.edgeimpulse.com/" rel="nofollow">Edge Impulse</a></li></ul><p><br></p><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

How to Organize Your React App ft. Tania Rascia -RRU 228

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/8/2/14/219b1a9c-6f0a-4200-975b-4e0b91c4651e_rru_227.mp3

<p>Software engineer Pierre Hedkvist joins the React Round Up panelists to share some spicy (controversial) coding decisions he&#39;s made and then written about. The first hot topic is using React state to store filter setting in query parameters with the help of a custom Hook, and the second is migrating an app to rely more heavily on React Query instead of Redux.</p><p><br></p><p>If you&#39;ve been considering doing something similar, give this episode a listen to hear Pierre&#39;s strategies and advice for anyone looking to get started.</p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><h1><br></h1><h1>Links</h1><ul><li><a href="https://pierrehedkvist.com/posts/react-state-url" rel="nofollow">Storing State in the URL with React</a></li><li><a href="https://pierrehedkvist.com/posts/migrating-from-redux-to-react-query" rel="nofollow">Migrating from Redux to React Query</a></li><li><a href="http://www.pierrehedkvist.com/" rel="nofollow">Pierre Hedkvist</a></li><li><a href="https://twitter.com/pierrehedkvist" rel="nofollow">Twitter: @PierreHedkvist</a></li></ul><p><br></p><h1>Picks</h1><ul><li>Paige - <a href="https://www.youtube.com/channel/UCes1EvRjcKU4sY_UEavndBw" rel="nofollow">ChrisFix | Youtube Channel</a></li><li>Pierre - YJS</li><li>Pierre - LiveBlocks</li><li>TJ - Magic Puzzles</li></ul><p><br></p><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

Migrating to React Query from Redux with Pierre Hedkvist - RRU 227

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/7/19/17/b8d26b28-e0ad-4e13-8a98-6846bc3ac1de_rru_226.mp3

<p>Collin Pfeifer, writer, software engineer, and student at Indiana University joins the React Round Up panel to discuss the intricacies and pitfalls in Create React App, the roadmap of being a self-taught developer, and how the computer education system has changed over the years.</p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br></p><h1>Links</h1><ul><li><a href="https://javascript.plainenglish.io/why-create-react-app-is-outdated-in-2022-b1d9c99e18d0" rel="nofollow">Why Create React App is Outdated in 2022</a></li><li><a href="https://www.collinpfeifer.dev/" rel="nofollow">Collin Pfeifer</a></li><li><a href="https://twitter.com/pfeifer_collin" rel="nofollow">Twitter: @pfeifer_collin</a></li></ul><p><br></p><h1>Picks</h1><ul><li>Collin - <a href="https://education.github.com/pack" rel="nofollow">GitHub student developer pack</a></li><li>Collin - <a href="https://goodfair.com/" rel="nofollow">Thrifting mystery packs</a></li><li>Jack - <a href="https://rubiks.com/" rel="nofollow">Rubik&#39;s Cube</a></li><li>TJ - <a href="https://apps.apple.com/us/app/lensa-ai-photo-video-editor/id1436732536" rel="nofollow">Lensa AI: photo &amp; video editor 4+ - App Store</a></li></ul><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

Jumpstart Your React Career With Collin Pfeifer  - RRU 226

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/7/5/17/a5d171e0-96a4-4279-a388-be854d2cfb06_rru_225.mp3

<p>Jack, Paige, and TJ join this week&#39;s panelist episode to talk about Figma. Figma is a web-based design tool. Jack takes the lead as he talks about its new exciting features, how this tool benefits the designers, what sets it apart from competing design tools, and many more!</p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br></p><h1>Links</h1><ul><li><a href="https://www.figma.com/" rel="nofollow">Figma: The Collaborative Interface Design Tool</a></li></ul><p><br></p><h1>Picks</h1><ul><li>Jack - <a href="https://monkeytype.com/" rel="nofollow">Monkeytype | A minimalistic, customizable typing test</a></li><li>Paige - <a href="https://www.imdb.com/title/tt10986410/" rel="nofollow">Ted Lasso (TV Series 2020–2023)</a></li><li>TJ - <a href="https://www.zelda.com/breath-of-the-wild/" rel="nofollow">The Legend of Zelda: Breath of the Wild</a></li></ul><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

Figma's Biggest Change - RRU 225

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/6/21/17/77675416-f52a-47ab-8320-d317b326ac47_rru_224.mp3

<p>Peter Osah is a Fullstack Software Engineer, Technical Writer, and a Biochemist &amp; Bioinformatics Enthusiast. He joins the show to talk about his article, &#34; <a href="https://soshace.com/bootstrap-your-next-preact-application-with-bun/" rel="nofollow">Bootstrap your next Preact application with Bun</a>&#34;. He begins by giving the listeners an introduction to Bun and its advantages. </p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br></p><h1>Links</h1><ul><li><a href="https://soshace.com/bootstrap-your-next-preact-application-with-bun/" rel="nofollow">Bootstrap your next Preact application with Bun</a></li></ul><p><br></p><h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/peter-osah-744118179/" rel="nofollow">LinkedIn: Peter Osah</a></li></ul><p><br></p><h1>Picks</h1><ul><li>Jack - <a href="https://www.spidergrills.com/" rel="nofollow">Spider Grills - The Original Spider-22</a></li><li>Paige - <a href="https://github.com/features/copilot" rel="nofollow">GitHub Copilot · Your AI pair programmer</a></li><li>TJ - <a href="https://www.google.com/search?cs=1&q=The+Vergecast&sa=X&stick=H4sIAAAAAAAAAONgVeLVT9c3NEyvTMozT082NuItSy1KT1UoyE9JTiwuOcWIKg3nxxcWFCdXxCPzi8xy8mD8tKzclLLkgkIYv6iiMsMkqaQCLp9tlJ5mYJ4G4-cUmlWlWyQnw_gZxsmGZul5xch8U4vsHBi_MDensrwsPQ1J3qAouSAbbl56pXFlZaE5XN7CIDnHoATOzzY1zzVPzzaFuy85vTLDIs38EeMbRm6Blz_uCUs9Ypy05uQ1xtuMXAI--fnFqTmVQak5iSWpKSH5QhJcbK55JZkllUJ8UjxcXPq5-gYZxoU58WlCflzcwaklIfm--SmZaZVC9kK2XJy-qblJqUXF_mlCOlxczvk5OanJJZn5eUJyUjJcUvrJcAF9aKDHF6cWZaYWWzFpMCpFG3nsujTtHJuTIAMQzFMNdpDS0hLkYnPJz03MzBN0YGBw-P__vb2WMBdHSGJFfl5-bqVgmXSqn03-UnsLBiVOTqAuherm2_ZaDBOYGJv2rTjExsHBKMBgxMTBUMXAs4iVNyQjVSEMFOcgqyewMQIAjkOH9BMCAAA&ved=2ahUKEwikysOR8Nb_AhWeS2wGHUFuB2EQ7fAIegQIABBS" rel="nofollow">The Vergecast</a></li></ul><p> </p><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

Bootstrapping Application with Bun - RRU 224

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/6/7/16/3cfd979c-43dc-4266-ad99-59646911973c_rru_223.mp3

<p>Oluwaseun Raphael Afolayan is the Co-Founder of MyTherapist.ng, Technical Author, Fullstack Mobile Engineer, and eSports Gamer. He joins the show to talk about Firebase. He discusses the services that Firebase offers and why he chose it. </p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br></p><h1>Links</h1><ul><li><a href="https://firebase.google.com/" rel="nofollow">Firebase</a></li></ul><p><br></p><h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/theafolayan/" rel="nofollow">LinkedIn: Oluwaseun Raphael Afolayan</a></li></ul><p><br></p><h1>Picks</h1><ul><li>Jack - <a href="https://www.insta360.com/product/insta360-x3" rel="nofollow">Insta360 X3 – Waterproof 360 Action Camera</a></li><li>Paige - <a href="https://www.imdb.com/title/tt8806524/" rel="nofollow">Star Trek: Picard (TV Series 2020–2023)</a></li><li>TJ - <a href="https://gcioutdoor.com/" rel="nofollow">GCI Outdoor</a></li></ul><p> </p><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

Everything About Firebase - RRU 223

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/5/31/23/2b104766-38ef-4563-b091-29a7ae8bf076_rru_222.mp3

<p>Hosts from the JavaScript Jabber podcast, AJ O&#39;Neal and Dan Shappir join this week&#39;s crossover episode. They begin by giving a brief introduction of themselves. They talk about how to become a web developer and their perspective on being a web developer. Additionally, they discuss creating open-source projects. </p><p><br></p><h1>On YouTube</h1><p><a href="https://youtu.be/O4_THl8Wvvk" rel="nofollow">What It Takes To Be A Web Developer: Part 2 - RRU 222</a></p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a></li><li><a href="https://topenddevs.com/book-club" rel="nofollow">Developer Book Club </a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br></p><h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/coolaj86/" rel="nofollow">LinkedIn: AJ O&#39;Neal</a></li><li><a href="https://twitter.com/coolaj86" rel="nofollow">Twitter: @coolaj86</a></li><li><a href="https://www.linkedin.com/in/dshappir/" rel="nofollow">LinkedIn: Dan Shappir </a></li><li><a href="https://twitter.com/DanShappir" rel="nofollow">Twitter: @DanShappir</a></li></ul><p> </p><h1>Picks</h1><ul><li>AJ - <a href="https://drinklmnt.com/products/lmnt-recharge-electrolyte-drink" rel="nofollow">LMNT - The Best Electrolyte Drink Mix Ever</a></li><li>AJ - <a href="https://mikrotik.com/products" rel="nofollow">MikroTik Routers and Wireless - Products</a></li><li>Dan - <a href="https://jsnation.com/" rel="nofollow">JSNation – the main JavaScript conference of 2023</a></li><li>Dan - <a href="https://jnation.pt/" rel="nofollow">JNation 2023</a></li></ul><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

What It Takes To Be A Web Developer: Part 2 - RRU 222

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/5/25/8/08cec0f7-fab5-4c35-be6f-e4c0eb1a73fc_rru_221.mp3

<p>Hosts from the JavaScript Jabber podcast, AJ O&#39;Neal and Dan Shappir join this week&#39;s crossover episode. They begin by giving a brief introduction of themselves. They talk about how to become a web developer and their perspective on being a web developer. Additionally, they discuss creating open-source projects. </p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a></li><li><a href="https://topenddevs.com/book-club" rel="nofollow">Developer Book Club </a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br></p><h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/coolaj86/" rel="nofollow">LinkedIn: AJ O&#39;Neal</a></li><li><a href="https://twitter.com/coolaj86" rel="nofollow">Twitter: @coolaj86</a></li><li><a href="https://www.linkedin.com/in/dshappir/" rel="nofollow">LinkedIn: Dan Shappir </a></li><li><a href="https://twitter.com/DanShappir" rel="nofollow">Twitter: @DanShappir</a></li></ul><p> </p><p><br></p><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

What It Takes To Be A Web Developer: Part 1 - RRU 221

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/5/17/17/7e37525f-b2f4-4211-baa7-5dcc1680203a_rru_220.mp3

<p>Chirag Dugar is a Software Development Engineer - II at Javis. He begins the show by talking about transitioning from being a college student to a Software Developer. He also shares his past learnings in coding and making connections during his internship. Moreover, he discusses his React projects, his experiences in creating those and his challenges.</p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br></p><h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/chirag-dugar/" rel="nofollow">LinkedIn: Chirag Dugar </a></li><li><a href="https://github.com/ChiragDugar" rel="nofollow">GitHub: ChiragDugar</a></li><li><a href="https://twitter.com/c_dugar2011" rel="nofollow">Twitter: @c_dugar2011</a></li></ul><p><br></p><h1>Picks</h1><ul><li>Chirag - <a href="https://www.cometchat.com/chat-messaging" rel="nofollow">In-App Chat &amp; Messaging</a></li><li>Jack - <a href="https://www.raycast.com/" rel="nofollow">Raycast</a></li><li>Paige - <a href="https://marketplace.visualstudio.com/items?itemName=tonybaloney.vscode-pets" rel="nofollow">vscode-pets</a></li></ul><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

Being a React Developer with Chirag Dugar - RRU 220

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/4/27/1/80517f4a-79b4-4116-a195-ac86344bbc0b_rru_219.mp3

<p>Sami Jaber is a Software Engineer at Builder.io. He joins the show to discuss &#34;<a href="https://www.builder.io/blog/implementing-css-style-inheritance-in-react-native" rel="nofollow">Implementing CSS Style Inheritance in React Native</a>&#34;. He starts by talking about the inspiration behind the article&#39;s concept. He also talks about Mitosis, how to use it, and its features. </p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br></p><h1>Links</h1><ul><li><a href="https://www.builder.io/blog/implementing-css-style-inheritance-in-react-native" rel="nofollow">Implementing CSS Style Inheritance in React Native</a></li><li><a href="https://www.builder.io/blog/mitosis-a-quick-guide" rel="nofollow">A Quick Guide to Mitosis</a></li></ul><p><br></p><h1>Socials</h1><ul><li><a href="https://twitter.com/samijaber_" rel="nofollow">Twitter: @samijaber_</a></li><li><a href="https://github.com/samijaber" rel="nofollow">GitHub: samijaber</a></li></ul><p><br></p><h1>Picks</h1><ul><li>Paige - <a href="https://learn.adafruit.com/adafruit-pitft-3-dot-5-touch-screen-for-raspberry-pi/using-the-console" rel="nofollow">Adafruit PiTFT 3.5&#34; Touch Screen for Raspberry Pi</a></li><li>Sami - <a href="https://attitudeliving.com/" rel="nofollow">ATTITUDE | Reinventing Beauty</a></li><li>TJ - <a href="https://www.goodreads.com/book/show/40097951-the-silent-patient" rel="nofollow">The Silent Patient by Alex Michaelides</a></li></ul><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

Using CSS Style Inheritance with Sami Jaber - RRU 219

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/4/27/1/dacb36b9-9393-4987-985e-1d0da526c011_bonus_bruce.mp3

<p>Bruce A. Tate is a Founder at Groxio, Elixir Expert, and a Technical Author. He joins the show alongside Charles Max Wood to talk about his book, &#34;<a href="https://pragprog.com/titles/btlang/seven-languages-in-seven-weeks/#:~:text=Ruby%2C%20Io%2C%20Prolog%2C%20Scala,languages%20within%20a%20single%20book." rel="nofollow">Seven Languages in Seven Weeks&#34;</a>. He also delves into some of the preparations and anticipations that come with reading the book. </p><p><br></p><h1>Links</h1><ul><li><a href="https://pragprog.com/titles/btlang/seven-languages-in-seven-weeks/#:~:text=Ruby%2C%20Io%2C%20Prolog%2C%20Scala,languages%20within%20a%20single%20book." rel="nofollow">Seven Languages in Seven Weeks</a></li><li><a href="https://grox.io/" rel="nofollow">grox.io </a></li></ul><p><br></p><h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/bruce-tate/" rel="nofollow">LinkedIn: Bruce Tate</a></li><li><a href="https://twitter.com/redrapids" rel="nofollow">Twitter: redrapids</a></li></ul><p><br></p><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

Getting to Know Bruce A. Tate - BONUS

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/4/12/10/7309117f-3148-4e5c-85c5-c39a3cfdc866_rru_218.mp3

<p>Levan Katsadze is a React.js TypeScript developer and Author of VS Code extension &#34;Blockman&#34;. He joins the show alongside Jack, Paige, and TJ to talk about Blockman. He starts off by defining it and describing how it functions. He also talks about the reason why he built the VS Code extension and the process of creating it. </p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br></p><h1>Links</h1><ul><li><a href="https://marketplace.visualstudio.com/items?itemName=leodevbro.blockman#blockman" rel="nofollow">Blockman - Highlight Nested Code Blocks</a></li></ul><p><br></p><h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/leodevbro/" rel="nofollow">LinkedIn: Levan Katsadze</a></li><li><a href="https://github.com/leodevbro" rel="nofollow">GitHub: leodevbro</a></li><li><a href="https://leodevbro.github.io/" rel="nofollow">leodevbro.github.io</a></li></ul><p><br></p><h1>Picks</h1><ul><li>Jack - NCDU Command</li><li>Paige - <a href="https://www.imdb.com/title/tt11712058/" rel="nofollow">Mayor of Kingstown (TV Series 2021</a></li><li>TJ - <a href="https://www.imdb.com/title/tt2906216/" rel="nofollow">Dungeons &amp; Dragons: Honor Among Thieves (2023)</a></li></ul><p><br></p><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

Blockman with Levan Katsadze - RRU 218

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/4/12/10/f43c6203-fbe1-4152-9b1f-3dd3b3ab6d6b_bonus_sam_feeney.mp3

<p>Are you dissatisfied with your job? Sam Feeney helps organizations improve employee engagement, increase retention, and reinvent hiring while helping individuals (re)discover career satisfaction in their current roles. He joins the show alongside Chuck Wood to tackle altering the way you perceive your job and talk about Career satisfaction.</p><p><br></p><h1>On YouTube</h1><p><a href="https://youtu.be/nnXpSGwIOYM" rel="nofollow">How Do You Stop Hating Your Job? - BONUS</a></p><p><br></p><h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/samfeeney/" rel="nofollow">LinkedIn: Sam Feeney</a></li></ul><p><br></p><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

How Do You Stop Hating Your Job? - BONUS

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/4/6/2/56ae2484-b07d-4ef5-9a1d-e38352706e52_rru_217.mp3

<p>Simon Grimm is a Creator, Indie Maker &amp; Solopreneur. He is currently working at <a href="https://ionicacademy.com/" rel="nofollow">The Ionic Academy</a>. He joins the panel to talk about React Native and Capacitor. He starts by explaining how a &#34;Capacitor&#34; contributes to your web application. They talk about how to build web applications with a capacitor and how it differs from using a React Native. </p><p><br></p><h1>On YouTube</h1><p><a href="https://youtu.be/WQzhJrBrTqg" rel="nofollow">Creating Apps with Capacitor and React Native - RRU 217</a></p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br></p><h1>Links</h1><ul><li><a href="https://ionicacademy.com/" rel="nofollow">The Ionic Academy</a></li></ul><p><br></p><h1>Socials</h1><ul><li><a href="https://devdactic.com/devblog/" rel="nofollow">Devdactic</a></li><li><a href="https://github.com/saimon24" rel="nofollow">GitHub: saimon24</a></li><li><a href="https://www.linkedin.com/in/simongr/" rel="nofollow">LinkedIn: Simon Grimm</a></li><li><a href="https://twitter.com/schlimmson" rel="nofollow">Twitter: @schlimmson</a></li></ul><p><br></p><h1>Picks</h1><ul><li>Jack - <a href="https://amzn.to/3K9qScZ" rel="nofollow">Shop Polarized Sunglasses</a></li><li>Paige - <a href="https://supergoop.com/products/unseen-sunscreen" rel="nofollow">Unseen Sunscreen SPF 40 | Oil-Free Face Sunscreen</a></li><li>Simon - <a href="https://www.lego.com/en-us/product/gandalf-the-grey-balrog-40631" rel="nofollow">Gandalf the Grey™ &amp; Balrog™</a></li><li>TJ - <a href="https://www.amazon.com/11-22-63-Stephen-King/dp/1451627289" rel="nofollow">11/22/63: A Novel: King, Stephen</a></li></ul><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

Creating Apps with Capacitor and React Native - RRU 217

https://s3.us-east-2.amazonaws.com/pod-public-media-files/2023/3/29/7/af12c364-a077-42f7-b6a3-59288f3b21fe_rru_216.mp3

<p>Hosts of the Adventures in Angular podcast, Chuck Wood and Lucas Paganini, join the React Round Up Panel on this week&#39;s episode crossover. They begin the episode by contrasting the two frameworks and offering their own viewpoints on React and Angular. Additionally, they explain each of the frameworks&#39; strong points.</p><p><br></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck&#39;s Resume Template</a></li><li><a href="https://topenddevs.com/book-club" rel="nofollow">Developer Book Club </a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br></p><h1>Educational Links</h1><ul><li><a href="https://react.dev/" rel="nofollow">react.dev</a></li><li><a href="https://www.lucaspaganini.com/academy/angular-structural-directives-and-their-microsyntax" rel="nofollow">Article by Lucas Paganini</a></li><li><a href="https://www.youtube.com/watch?ab_channel=LucasPaganini&v=X7x3Mxj5vQg" rel="nofollow">Video by Lucas Paganini</a></li></ul><p><br></p><h1>Promoted Links</h1><ul><li>Web Animations Course: <a href="https://lucaspaganini.com/web-animations" rel="nofollow">lucaspaganini.com/web-animations</a></li><li>Hire Angular Experts: <a href="https://unvoid.com/" rel="nofollow">unvoid.com</a></li><li><a href="https://blues.io/" rel="nofollow">Blues.io</a></li><li><a href="https://www.paigeniedringhaus.com/" rel="nofollow">Paige Niedringhaus</a></li><li><a href="https://www.jackherrington.com/" rel="nofollow">Blue Collar Coder</a></li></ul><p><br></p><h1>Socials</h1><ul><li><a href="https://youtube.com/@lucaspaganiniweb" rel="nofollow">YouTube @lucaspaganiniweb</a></li><li><a href="https://www.linkedin.com/in/lucaspaganiniweb/" rel="nofollow">LinkedIn @lucaspaganiniweb</a></li><li><a href="https://twitter.com/LucasPaganini" rel="nofollow">Twitter @lucaspaganini </a></li><li><a href="https://www.instagram.com/lucaspaganini" rel="nofollow">Instagram @lucaspaganini</a></li><li><a href="https://www.tiktok.com/@lucaspaganiniweb" rel="nofollow">TikTok @lucaspaganiniweb</a></li><li><a href="https://twitter.com/cmaxw" rel="nofollow">Twitter: @cmaxw</a></li><li><a href="https://twitter.com/tjvantoll" rel="nofollow">Twitter: @tjvantoll</a></li><li><a href="https://twitter.com/jherr" rel="nofollow">Twitter: @jherr</a></li><li><a href="https://twitter.com/pniedri" rel="nofollow">Twitter: @pniedri</a></li></ul><p><br></p><h1>Picks</h1><ul><li>Chuck - <a href="https://boardgamegeek.com/boardgame/362452/atiwa" rel="nofollow">Atiwa</a></li><li>Lucas - <a href="https://www.newline.co/courses/newline-guide-to-modernizing-an-enterprise-react-app" rel="nofollow">Modernize an Enterprise React App by Paige Niedringhaus</a></li><li>Paige - <a href="https://www.amazon.com/Dive-Skins-Scubapro-Diving-Suits/s?c=ts&keywords=Dive+Skins&rh=n%3A2259067011%2Cp_89%3AScubapro&ts_id=2259067011" rel="nofollow">Scubapro / Dive Skins / Diving Suits: Sports &amp; Outdoors</a></li><li>TJ - <a href="https://www.goodreads.com/book/show/10644930-11-22-63" rel="nofollow">11/22/63 by Stephen King</a></li></ul><br/><br/>Advertising Inquiries: <a href='https://redcircle.com/brands'>https://redcircle.com/brands</a><br/><br/>Privacy & Opt-Out: <a href='https://redcircle.com/privacy'>https://redcircle.com/privacy</a>

Comparing React and Angular in 2023 - RRU 216

en-us


Stay current on the latest innovations and technologies in the React community by listening to our panel of React and Web Development Experts.
