React Round Up

Chromatic developer experience engineer Shaun Evening joins the React Round Up hosts to talk about all the new features rolling out with the release of Storybook 7. Have you ever wanted to combine your Storybook integration with Material UI, Ant Design, or any other component library? Well, Storybook's making it easier than ever, and that's just the beginning. A new offering called Integrations allows users to add all sorts of plugins to their Storybook workflows for even more functionality, and has "recipes" to help you get the most out of your Storybook. Follow Shaun on Twitter for all the latest and greatest happening at Chromatic: https://twitter.com/Integrayshaun  Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Picks Jack - Rice Cookers Jack - Arc from The Browser Company Shaun - Warp: The terminal for the 21st century Paige - Trinidad's Ponche de Créme (Cream Punch)

Sebastien Lorber, Docusaurus maintainer at Meta and This Week in React newsletter creator, joins the React Round Up panel to discuss the latest and greatest in React 18, including lesser-known hooks and features that are making the framework more useful and performant than ever before. He also deep dives into why Docusaurus (maintained by Meta/Facebook) has become such a popular static site generator for companies and dev teams in all industries to document their products, APIs, software, and more. Learn more about the most exciting new developments in the React ecosystem by listening now and stay up to date with new developments by signing up for Sebastien's free This Week in React newsletter.  Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Links Docusaurus This Week In React useSyncExternalStore - The underrated React API | This Week In React Records & Tuples for React Twitter: @sebastienlorber Sébastien Lorber's website Picks Jack - Console Ninja - Visual Studio Marketplace Paige - Top Gear UK TV Series Sebastien - Remotion | Make videos programmatically in React Sebastien - Three.js Journey - Learn WebGL with Three.js TJ - Electric Wine Opener

The React Round Up panel joins the show as Jack takes the lead to talk about the various improvements made in the React Ecosystem. Additionally, they offer their thoughts and insights on these updates and share their potential value to the developers. They also talk about whether these features have an impact when used in apps.About this Episode Different React upgrades Advantages and disadvantages of these new tools in your apps Benefits when using these features Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Picks Jack - The Immortal Life of Henrietta Lacks  Paige - Watch For All Mankind | Apple TV+ TJ - The Magic Puzzle Company TJ - People I (Mostly) Admire Archives - Freakonomics

  Get the Black Friday/Cyber Monday "Focus Blocks Bundle" Deal Coupon Code: "THRIVE" for a GIANT discount   Are you looking at all the layoffs and uncertainty going on and wondering if your company is the next to cut back?  Or, maybe you're a freelancer or entrepreneur who is trying to figure out how to deliver more value to gain or retain customers?  Mani Vaya joins Charles Max Wood to discuss the one thing that both of them use to more than double their productivity on a daily basis.  Mani has read 1,000's of productivity books over the last several years and has formulated a methodology for getting more done, but found that he lacked the discipline to follow through on his plans.  The he found the one thing that kept him on track and made him so productive that he is now getting all of his work done and was able to live the life he wants.  Chuck also weighs in on how Mani's technique has worked for him and allows him to spend more time with his wife and kids, run a podcast network, and a nearly full time contract.  Join the episode to learn how Chuck and Mani get into a regular flow state with their work and consistently deliver at work. 

Returning guest, Ian Lavery from Picovice.ai, joins the hosts to talk all things voice recognition. He dives into new languages the company has tackled over the last year (and what languages it plans to tackle next year), how they train their models, and how Picovoice is actually running speech recognition in the browser instead of in the cloud, making things like captioning live streams and real-time chats possible with some of its newer tech Cheetah and Leopard. He also shares how he wrote a simple podcast transcription app using Picovoice and Express.js, in addition to Picovoice boasting specific SDKs for React, Angular and Vue. Listen to Ian's first appearance on RRU here where he and the panel went deep into the specifics of voice recognition like security and privacy, understanding it in general, and using it sans big cloud providers. Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Links LinkedIn: Ian Lavery Ian Lavery - Medium Twitter: @AiPicovoice Picks Ian - Mixpanel: Product Analytics for Mobile, Web, & More Paige - Star Trek: Lower Decks - Wikipedia TJ - The Great British Bakeoff series

Nirmalya Ghosh joins the React Round Up panelists in this episode to talk about how he migrated a monolithic Ruby on Rails application to React. What was estimated to take 3 -6 months ended up taking about 2 years, and Nirmalya shares all the hard-won lessons he learned along the way for any listeners who might be preparing to make a similar upgrade. Additionally, he talks about the company he currently works for and how they're trying to become the one-stop shop for anyone looking for a good API online. Lots of interesting tidbits are packed into this episode! Links our VS Code Extension for building and testing APIs GitHub: ghoshnirmalya Twitter: @NirmalyaGhosh_ Picks Nirmalya - Next.js 13 Paige - Star Trek: Strange New Worlds - Wikipedia TJ - Welcome to hell, Elon

Software engineer Pierre Hedkvist joins the React Round Up panelists to share some spicy (controversial) coding decisions he'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. If you've been considering doing something similar, give this episode a listen to hear Pierre's strategies and advice for anyone looking to get started. Sponsors Your Ultimate Resume and Cover Letter | Top End Devs Bookclub | Top End Devs Top End Devs Membership Links Storing State in the URL with React Migrating from Redux to React Query Pierre Hedkvist Twitter: @PierreHedkvist Picks Paige - ChrisFix | Youtube Channel Pierre - YJS Pierre - LiveBlocks TJ - Magic Puzzles

Software engineer Pierre Hedkvist joins the React Round Up panelists to share some spicy (controversial) coding decisions he'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. If you've been considering doing something similar, give this episode a listen to hear Pierre's strategies and advice for anyone looking to get started. Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Links Storing State in the URL with React Migrating from Redux to React Query Pierre Hedkvist Twitter: @PierreHedkvist Picks Paige - ChrisFix | Youtube Channel Pierre - YJS Pierre - LiveBlocks TJ - Magic Puzzles

Return guest Vijit Ail joins the cast of React Round Up to talk all things Supabase. If you've ever used Firebase and wished it was open source, this is the episode for you. Vijit espouses all the cool things Supabase offers like schema definitions, edge functions, data streaming, and more. There's so much good info chocked into this episode, listen to learn how to get started with Supabase today. Sponsors Top End Devs Coaching | Top End Devs Links Vijit Ail GitHub: vijitail Twitter: @AilVijit Picks Jack- rfcs/0000-first-class-support-for-promises.md at first-class-promises · acdlite/rfcs Paige- StackBlitz Codeflow - StackBlitz Vijit- House of the Dragon | Official Website for the HBO Series | HBO.com

In our 200th episode of React Round Up, the panelists take a look back at how their first appearances on RRU and how they came to be on the show. In addition to advice on how they got to where they are now, they also highlight some of their favorite guests who've graced RRU with all sorts of great React knowledge over the years and offer advice on how you can get started on your own tech podcast or (hopefully) be invited to join an existing one.Here's to 200 more episodes! Sponsors Top End Devs Coaching | Top End Devs Picks Jonathan- Ferrari Daytona SP3 42143 | Technic - Lego Paige- TS3 Plus | Thunderbolt 3 Dock - CalDigit TJ- Dithering on Apple Podcasts

Gleb Bahmutov, who worked with the Cypress.io team for 4 years, joins the panelists to talk all things testing. You may be familiar with Cypress as a popular JavaScript end-to-end testing framework, but did you know it recently began offering component testing as well? This may be just the incentive you need to ditch Jest and Testing Library for unit/integration tests and go all in on Cypress for all your testing needs. Listen up and let us know if you're convinced. Sponsors Top End Devs Coaching | Top End Devs Links Cypress v10 Tips and Tricks Cypress Tricks & Tips Dr. Gleb Bahmutov, PhD Twitter: @bahmutov Picks Gleb- Cypress.io Tips Courses Gleb- Cross Browser Testing, Selenium Testing, Mobile Testing Gleb- 350 - Building a global climate movement. Paige- Kitchen tongs set of 3 TJ- Fresh Food & Meal Kit Delivery Service | HelloFresh

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. Sponsors Top End Devs Raygun | Click here to get started on your free 14-day trial Coaching | Top End Devs Links astro.new  Astro | Build faster websites Astro Lounge Twitter: @FredKSchott Twitter: @astrodotbuild Picks Fred- Over the Garden Wall Jack- Pizza: The Ultimate Cookbook Featuring More Than 300 Recipes (Italian Cooking, Neapolitan Pizzas, Gifts for Foodies, Cookbook, History of Pizza) TJ- The Vergecast Podcast

In today's all panelist episode we address web development controversies: state management tools, CSS in JS, GraphQL or REST, and, of course, tabs versus spaces. And the rule is: there's no saying "It depends." Listen to the panelists take hard line stances on things that matter (and things that don't), and try to defend their choices. It's a fun episode for everyone, and we'd love to hear about your own controversial coding decisions.  Sponsors Top End Devs Coaching | Top End Devs LinksDiscord - A New Way to Chat with Friends & CommunitiesPicks Jack- Solo Stove Paige- BULLET TRAIN TJ- Portal Companion Collection for Nintendo Switch - Nintendo Official Site

Today we talk with Chris Frewin, a full-stack software engineer at private experience startup InClub, located in Zurich, Switzerland.  Involved with all coding aspects, from the back-end, mobile app, CMS, and everything in-between, we learn about the challenges of being a solo developer at a startup.  We learn a lot about Gherkin, the format for cucumber specifications. Sponsors Top End Devs Raygun | Click here to get started on your free 14-day trial Coaching | Top End Devs Links Home Gherkin Syntax Jest 10 Minute Tutorial - Cucumber Documentation Detox cypress.io The Clean Code Blog Advanced Code Organization Patterns: The Case For One Function Per File One Year as the Chief Technology Officer at InClub Structure and Interpretation of Test Cases - Kevlin Henney Chris' Full Stack Blog Picks Chris- The Lean Startup: How Today's Entrepreneurs Use Continuous Innovation to Create Radically Successful Businesses Chris- The Complete Isaac Asimov's Foundation Series Books 1-7 (Foundation, Foundation and Empire, Second Foundation, Foundation's Edge, Foundation and Earth, Prelude to Foundation, Forward the Foundation) Jack- Millennium Falcon™ 75192 | Star Wars™ | Buy online at the Official LEGO® Shop US Paige- Amazon.com : plastic wrap dispenser with cutter TJ- Amazon.com: Amazon Go

In today's all-panelist episode, we discuss many ancillary skills that you might be tempted to avoid learning but are very beneficial to know.  Included in the conversation are CSS, DNS & HTTP, caching, API styles, knowing how to interact with back ends and databases, and command line. Sponsors Top End Devs Coaching | Top End Devs LinksDiscord - A New Way to Chat with Friends & CommunitiesPicks Jack- Watch Day Shift | Netflix Official Site Paige- Star Trek: Deep Space Nine - Watch Full Episodes - CBS.com TJ- Only Murders in the Building

In today's episode we talk with Atila Fassina, a developer experience engineer working at Xata.  As a fan of both, Atila compares Next.js and Remix, comparing their similarities and differences.   We also talk about how Xata makes dealing with databases more comfortable.  This server-less database, which is hidden behind an API, provides users with some nice abstractions, such as instant migrations, and analytics and a search engine right out of the box.  Our discussion includes partial routing, Remix mutations, and layout RFC. Sponsors Top End Devs Coaching | Top End Devs Links The Go-To Serverless Database | Xata Author Atila Fassina - Smashing Magazine Layouts RFC RFC: Layouts · Discussion #37136 · vercel/next.js Join the Xata Discord Server! Atila − Web Development Twitter: @AtilaFassina Picks Atila- Watch The Sandman | Netflix Official Site Jack- The Bear Paige- Amazon.com : cooking spray bottle

Today's guest, Tommy Groshong, walks us through some questions to consider when thinking about pursuing a higher-level role.  After a second go-around into management, we get some insight into how the culture can be very different at higher levels and the importance of having good questions to ask.  We talk about two separate tracks you could pursue based on your skills and desires, and how to handle the requirements of management and stay connected with your coding craft and new trends in the industry. Sponsors Top End Devs Raygun | Click here to get started on your free 14-day trial Coaching | Top End Devs Links Discord - A New Way to Chat with Friends & Communities TommyGroshong.com Twitter: @tgroshon Picks Jack- Westworld | Official Website for the HBO Series | HBO.com Paige- Outlander Series TJ- Only Murders in the Building Tommy- Should I See This Movie?

Jack leads us through some of the history of how we got to where we are with client side rendering, and how island architecture helps to reduce the workload handled on the client-side.   We talk process and tips on transitioning to Islands Architecture, and in the process talk about BUN, Fresh, and other island architecture frameworks. Sponsors Top End Devs Coaching | Top End Devs Links Islands Architecture fresh - The next-gen web framework. Astro Bun is a fast all-in-one JavaScript runtime Eleventy, a simpler static site generator The 4 things it takes to be an expert Picks Jack- MacBook Pro 13-inch Paige- Top Gun | Official Website | Now Playing Only In Theatres TJ- Summoning Salt

Today we talk with Travis Waith-Mair, a senior software engineer at Plex, and creator of Bedrock Layout Primitives library.  Bedrock layout allows you to build a complex layout without with reusable components without needing to be an expert at the underlying CSS.  We talk about the success of his library, and along the way discuss Lerna, a tool for JS Monorepos, and the AVO (Attributes Verbs and Objects) and method.Sponsors Top End Devs Coaching | Top End Devs Links - Top End Devs Overview / Bedrock Layout Primitives - Page ⋅ Storybook Documentation | Lerna Travis Waith-Mair - Medium GitHub: Travis Waith-Mair Twitter: @travisWaithMair Picks Paige- Formula 1: Drive to Survive TJ- Join Bytes - Your weekly dose of JavaScript Travis- Only Murders in the Building

Today we talk with Florian Rappl the creator of Piral, a next generation portal applications, which utilizes microfrontend architecture.  Piral is all about scalability, allowing easy reusability between multiple teams.  We learn of the background of how it was developed, and how out of the box it comes with bundles customized to your industry.  We discuss when it makes sense to use microfrontend based on client requests and needs, and give some tips on when to start incorporating it. Sponsors Top End Devs Raygun | Click here to get started on your free 14-day trial Coaching | Top End Devs Links Piral - Portal Solutions using Microfrontends smapiot GitHub - smapiot/piral: Framework for next generation web apps using micro frontends. Piral - Documentation Twitter: @FlorianRappl GitHub: FlorianRappl News - Florian Rappl Picks Flo- Watch Stranger Things | Netflix Official Site Flo- Bun is a fast all-in-one JavaScript runtime Flo- The God Equation: The Quest for a Theory of Everything Jack - fresh - The next-gen web framework. Paige- GrillGrates - Custom BBQ Grill Grates | GrillGrate TJ- Watch Stranger Things | Netflix Official Site

Today we talk with Dillion Megida, a developer advocate and content creator originally from Nigeria, but living in the Netherlands.  We discuss his blog article about the aspect ratio property in CSS.  Much of his effort at a developer advocate is writing articles and creating video content to promote the products for Stream, where he currently works.  He gives us his insight on preparing for and pursuing the developer advocate role at a company.  We also discuss debouncing in JavaScript, which helps to reduce unnecessary expression executions. Sponsors Top End Devs Coaching | Top End Devs Links Dillion Megida - Developer Advocate The Aspect Ratio Property in CSS - Dillion's Blog Tailwind UI Kit - The most loaded tailwind css UI Kit on the planet JavaScript String Comparison - How to Compare Strings in JS Dillion Megida Instagram: dillionmegida Twitter: @iamdillion Picks Dillion- Amazon.com : air fryer Jack- Discord - A New Way to Chat with Friends & Communities Jack- Pizza Ovens | Make Pizza | Ooni Pizza Ovens Paige- Instant Read Thermometers

Today Jack and TJ talk with Adam Berg, VP of Engineering at Dubsado.  We discuss an article he wrote based on lessons learned while his place of work was transitioning from AngularJS to React, called starting with How to Set Up Server Side Rendering (SSR) With React, express.js, and esbuild.  We also discuss several of his other articles, including Hey Siri, We're Breaking Up, and 3 Lines of Code Shouldn't Take All Day. Sponsors Top End Devs Raygun | Click here to get started on your free 14-day trial Coaching | Top End Devs Links How to Set Up Server Side Rendering (SSR) With React, express.js, and esbuild | dev/tails dev / tails How to Replace Webpack in Create React App With esbuild  Hey Siri, We're Breaking Up Taking Flight Without a Smart Phone 3 Lines of Code Shouldn't Take All Day Home Twitter: @devtails GitHub: adamjberg Picks Adam- Upload - Season 1 Jack- Micro State Management with React Hooks: Explore custom hooks libraries like Zustand, Jotai, and Valtio to manage global states TJ- Netlify Functions

In today's all-panelist episode, we cover our favorite equipment from keyboards and mouse, to computers and monitors, from webcams to microphones. Sponsors Top End Devs Coaching | Top End Devs Links Discord - A New Way to Chat with Friends & Communities GitHub Copilot · Your AI pair programmer Picks Jack - Donate to the Red Cross Jack- Pizza Ovens | Make Pizza | Ooni Pizza Ovens Paige- The White Lotus | Official Website for the HBO Series | HBO.com TJ- Lilo & Stitch

Today we have special guest Jennifer Fu, a software engineer who specializes in front end development.  Currently working at Domino Data Lab, she comes with 20 years of experience in many programming languages, but loves React!  Much of her recent work is with Web3.js and Three.js.  We discuss how to work with the 3D JavaScript library, and discuss how easy it is to use.  As a bonus, we get some of her insight to excelling during the coding interview process.  Make sure to check out her extensive library of articles at medium.com (link below).Sponsors Top End Devs Raygun | Click here to get started on your free 14-day trial Coaching | Top End Devs Links Jennifer Fu - Medium Jennifer Fu - Cupertino, California, United States | Professional Profile | LinkedIn Modeling - blender.org GitHub: Where the world builds software Three.js - JavaScript 3D library Picks Jennifer- Baltimore Museum of Art TJ- TMNT Shredder's Revenge Paige- Watch The Great British Baking Show | Netflix Official Site

In this all-panelist episode, we discuss Design Systems, what they are and why you might want one. As a great way to help companies to standardize the look and feel and behavior of their web applications across the enterprise, we discuss the challenges of implementation. We also discuss how useEffect gets called twice when in developer mode and strict mode to test your component. It mounts it, un-mounts it, the re-mounts it - looking to see if there are leaks. What do we do about this? Sponsors Top End Devs Coaching | Top End Devs Links Discord - A New Way to Chat with Friends & Communities React 18 useEffect Double Call for APIs: Emergency Fix Storybook: UI component explorer for frontend developers Picks Jack- Land Rover Defender 42110 | Technic™ | Buy online at the Official LEGO® Paige - Magnetized screwdrivers TJ - Heated Blankets

In this all-panelist episode, we discuss Design Systems, what they are and why you might want one. As a great way to help companies to standardize the look and feel and behavior of their web applications across the enterprise, we discuss the challenges of implementation. We also discuss how useEffect gets called twice when in developer mode and strict mode to test your component. It mounts it, un-mounts it, the re-mounts it - looking to see if there are leaks. What do we do about this? Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links Discord - A New Way to Chat with Friends & Communities (https://discord.com/channels/497808069158371338/509159942767378433) React 18 useEffect Double Call for APIs: Emergency Fix (https://javascript.plainenglish.io/react-18-useeffect-double-call-for-apis-emergency-fix-724b7ee6a646) Storybook: UI component explorer for frontend developers (https://storybook.js.org/) Picks Jack- Land Rover Defender 42110 | Technic™ | Buy online at the Official LEGO® (https://www.lego.com/en-us/product/land-rover-defender-42110) Paige - Magnetized screwdrivers TJ - Heated Blankets

Today we talk with Iva Kopraleva, a technical article writer, and React developer at CitizenLab, a digital engagement platform helping citizen involvement in public decision-making. We delve into some tips and tricks she has learned to make her coding process better, as well as recommendations for new developers in finding their first job. Sponsors Top End Devs Coaching | Top End Devs Links Where is the mouse? Iva Kop, Author at LogRocket Blog Iva Kop - freeCodeCamp.org LinkedIn: Iva Kop Twitter: @iva_kop GitHub: Iva ( IvaKop ) Discord: React Round Up Picks Iva - Horseback Riding Jack - Everything Everywhere All At Once Jack - Chip 'n Dale Rescue Rangers TJ- Postman API Platform

Today we talk with Iva Kopraleva, a technical article writer, and React developer at CitizenLab, a digital engagement platform helping citizen involvement in public decision-making. We delve into some tips and tricks she has learned to make her coding process better, as well as recommendations for new developers in finding their first job. Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links Where is the mouse? (https://blog.whereisthemouse.com/) Iva Kop, Author at LogRocket Blog (https://blog.logrocket.com/author/ivakop/) Iva Kop - freeCodeCamp.org (https://www.freecodecamp.org/news/author/ivakop/) LinkedIn: Iva Kop (https://www.linkedin.com/in/iva-kop/) Twitter: @iva_kop (https://twitter.com/iva_kop) GitHub: Iva ( IvaKop ) (https://github.com/IvaKop) Discord: React Round Up (https://discord.com/channels/497808069158371338/509159942767378433) Picks Iva - Horseback Riding Jack - Everything Everywhere All At Once (https://a24films.com/films/everything-everywhere-all-at-once) Jack - Chip 'n Dale Rescue Rangers (https://disneyplusoriginals.disney.com/movie/chip-n-dale-rescue-rangers) TJ- Postman API Platform (https://www.postman.com/) Special Guest: Iva Kop.

Today we talk with software engineer Shubham Khatri, a front end developer at Meta. As someone who is really passionate about React, we discuss Strict Mode and Flock among other things. We also talk about his experience working for the company, insights on getting hired at Meta, and tips for getting a good response from developer help. Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links What is StrictMode in React (https://betterprogramming.pub/react-strictmode-is-your-lifeline-for-the-future-1f73064d3bf8) Meta | Social Metaverse Company (https://about.facebook.com/) How to Build a Custom Pagination Component in React (https://javascript.plainenglish.io/how-to-build-a-custom-pagination-component-in-react-99f5b233ce2) Shubham Khatri - Medium (https://shubhamkh.medium.com/) Twitter: @ShubhamReacts (https://twitter.com/ShubhamReacts) Picks Jack - Touch Portal (https://www.touch-portal.com/) Paige - Ozark (https://www.netflix.com/title/80117552) TJ- Podcasts - Freakonomics (https://freakonomics.com/podcasts/) Shubham - This Is Us (https://www.nbc.com/this-is-us) Special Guest: Shubham Khatri.

Today we talk with Steven Wittens with his personal site acko.net, and get a glimpse inside his creative efforts of taking parts of React to a new level to support his vision for graphics developments. We also talk about Live, his own React runtime, and his upcoming use.gpu. Sponsors Top End Devs (https://topenddevs.com/) Raygun | Click here to get started on your free 14-day trial (https://raygun.com/?utm_medium=podcast&utm_source=reactroundup&utm_campaign=devchat&utm_content=homepage) Coaching | Top End Devs (https://topenddevs.com/coaching) Picks React - The Missing Parts (https://acko.net/blog/react-the-missing-parts/) Acko.net (https://acko.net/) Steven Wittens / use.gpu · GitLab (https://gitlab.com/unconed/use.gpu) unconed - Overview (https://github.com/unconed) Twitter: Steven Wittens ( @unconed ) (https://twitter.com/unconed) Steven Wittens - YouTube (https://www.youtube.com/user/unconed/featured) Picks Paige - Inventing Anna (https://www.netflix.com/title/81008305) Steven - The Talos Principle (https://store.epicgames.com/en-US/p/the-talos-principle) TJ - Moon Knight (https://www.marvel.com/characters/moon-knight-marc-spector) Special Guest: Steven Wittens.

In this episode we have special guest front-end engineer and technical writer Samaila Bala from Nigeria. We discuss several use cases of the React design patterns he has written about, such as the Compound Components Pattern and Provider Pattern. He also discusses his Send Cash app, and how it allows people to transfer money internationally with more ease. Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links 3 React Component Design Patterns You Should Know About (openreplay.com) (https://blog.openreplay.com/3-react-component-design-patterns-you-should-know-about) Samaila Bala (https://www.samailabala.com/) Picks Jack - Nintendo Switch Sports (https://www.nintendo.com/) Paige - Netlify (https://www.netlify.com/) Samaila - Remix (https://remix.ethereum.org/) TJ - PlatformIO (https://platformio.org/) Special Guest: Samaila Bala.

In this special all-panelist episode, we discuss all things on how to stand out! We'll discuss everything from standing out in a crowd, standing out as a software developer, and how to get your name out there. We also talk about why this is an important topic to delve into. We'll give you tips on finding success by choosing what you find interesting and fun, as well as tips to help you grow and get noticed. Sponsors Top End Devs (https://topenddevs.com/) Raygun | Click here to get started on your free 14-day trial (https://raygun.com/?utm_medium=podcast&utm_source=reactroundup&utm_campaign=devchat&utm_content=homepage) Coaching | Top End Devs (https://topenddevs.com/coaching) Links Hashnode - Blogging community for developers, and people in tech (https://hashnode.com/) GitHub: Where the world builds software (https://github.com/) LinkedIn: Log In or Sign Up (https://www.linkedin.com/) Picks Jack - Warp (https://www.warp.dev/) Paige - Honey (https://www.joinhoney.com/) TJ - Sonic the Hedgehog 2 (https://www.sonicthehedgehogmovie.com/)

Ever wish you had some great advice before you needed it? In this panelists episode we talk all about red flags when interviewing with a new company, and things to look for and be aware of during the process. We look at some red flags in coding, and include some tips on finding good code. We look at red flags while working with teams, managers and difficult people, and the the red flags to look for on special projects. There are even a few red flags thrown in for life in general. Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links MPM Trends (https://www.npmtrends.com/) Picks Paige - React Table (https://js.org/?react-table) Jack - RedwoodJS (https://redwoodjs.com/) TJ - Mario Cart Booster Course Pass (https://www.nintendo.com/store/products/mario-kart-8-deluxe-booster-course-pass-70070000013723-switch/)

Jack, Paige, and TJ give advice for Junior Developers. They pull from their own experience to break down the areas that Junior Developers may struggle with or not know that they need to focus on. Sponsors Top End Devs (https://topenddevs.com/) Raygun | Click here to get started on your free 14-day trial (https://raygun.com/?utm_medium=podcast&utm_source=reactroundup&utm_campaign=devchat&utm_content=homepage) Coaching | Top End Devs (https://topenddevs.com/coaching) Picks Jack- Hotwire: HTML Over The Wire (https://hotwired.dev/) Paige- Watch Bridgerton | Netflix Official Site (https://www.netflix.com/title/80232398) TJ- Museums | Ann Arbor, MI (https://www.annarbor.org/things-to-do/arts-culture/museums/)

If you're looking for a way to manage your CSS in JS in a super lightweight framework, check out Goober. The package is exceptionally small and keeps your bundle lean and mean. Cristian Bote joins the round up to wrangle this discussion on how to put CSS into your React application in a novel way. Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links GitHub - cristianbote/goober (https://github.com/cristianbote/goober) goober (https://goober.rocks/) PreactPhobia (https://preactphobia.com/) Picks Cristian- World's Strictest Parents - YouTube (https://www.youtube.com/c/WorldsStrictestParents) Jack- James Hoffmann - YouTube (https://www.youtube.com/channel/UCMb0O2CdPBNi-QqPk5T3gsQ) Paige- Twilio - Official Site - Endless API Possibilities (https://www.twilio.com/go/twilio-brand-sales-1?utm_source=google&utm_medium=cpc&utm_term=twilio%20api&utm_campaign=G_S_APAC_Brand_Brand_EN_PH_Exact&gclid=Cj0KCQjwxtSSBhDYARIsAEn0thTzVOvwdUC5sBz3bhw9EbGrWkcqRa4mkmefqDXwEuaKogMGv2OVHn4aAmHNEALw_wcB) TJ- BigWrite - Apps on Google Play (https://play.google.com/store/apps/details?id=at.sobos.bigwrite&hl=en&gl=US) Special Guest: Cristian Bote.

There's a wild west of open source React out there, so let's help you prepare. In this episode, the squad talks with Tanner Joseph Linsley, an open source React developer who's got some wisdom to drop on how to do it right and build your community. “Honestly, a lot of the time, it's about taking existing tools and shaping them into what I need them to be.” _- Tanner Joseph Linsley _ In This Episode 1) The BIGGEST tools in React that you oughta know in 2022 2) How to use feedback effectively and fix mistakes quickly 3) The TRUTH around open-source in the dev community (and how to get started) Sponsors Top End Devs (https://topenddevs.com/) Raygun | Click here to get started on your free 14-day trial (https://raygun.com/?utm_medium=podcast&utm_source=reactroundup&utm_campaign=devchat&utm_content=homepage) Coaching | Top End Devs (https://topenddevs.com/coaching) Picks Carl- Christmas DIY at the Chateau - How to renovate a Chateau (Without killing your parter) (https://www.youtube.com/watch?v=6fDF0PWkzVc) Paige- Star Trek: Discovery (TV Series 2017– ) - IMDb (https://www.imdb.com/title/tt5171438/) Tanner- Anycubic Mega X 3D Printer Tanner- Locke & Key (TV Series 2020– ) - IMDb (https://www.imdb.com/title/tt3007572/) Tanner- Oculus Quest VR (https://www.oculus.com/experiences/quest/) TJ- SteamYard (https://streamyard.com/) Special Guest: Tanner Linsley.

Sometimes, the answer isn't to code more. In this episode, the crew sits down with Chimezie Innocent, a developer who will show you how to clean up your act with UseEffect, as well as why this ONE thing dramatically improved his coding. “If you want to understand something better, the best advice I would give is ‘Just write about it!'” - Chimezie Innocent In This Episode 1) Why UseEffect is CRUCIAL for avoiding a world of hurt in your cleanup 2) How to reveal how little you ACTUALLY understand a concept (and how to become a better developer fast!) 3) Some GO-TO tips for improving your writing, helping others, and getting paid to do something other than coding Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links Understanding React's useEffect cleanup function - LogRocket Blog (https://blog.logrocket.com/understanding-react-useeffect-cleanup-function/) Picks Chimezie- Elementary movie about public schools Jack- SAD Lamp Jack- Mountain Duck (https://mountainduck.io/) Paige- Grippy Socks TJ- Stylus for cold weather phone usage Special Guest: Chimezie Innocent.

Nx is here to make your life easier. In this episode, Paige and TJ talk with Jack Hsu, a developer whose Nrwl and Nx expertise is blowing us away with how streamlined things can be. “It's nice for everyone to see what's going on, not just the core developers.” - Jack Hsu In This Episode 1) What beginners NEED to know to get started with Nx this year 2) Why you'll LOVE using a Monorepo in 2022 to maintain your sanity 3) The BIG 2022 trends around Next.js, Nx, and Nrwl you ought to know Sponsors Top End Devs (https://topenddevs.com/) Raygun | Click here to get started on your free 14-day trial (https://raygun.com/?utm_medium=podcast&utm_source=reactroundup&utm_campaign=devchat&utm_content=homepage) Coaching | Top End Devs (https://topenddevs.com/coaching) Links Painlessly Build and Deploy Next.js Apps With Nx | by Jack Hsu | Nrwl (https://blog.nrwl.io/painlessly-build-and-deploy-next-js-apps-with-nx-225e2721da78) Jack Hsu (https://medium.com/@jay_soo) Github: Jack Hsu ( aysoo ) (https://github.com/jaysoo) Picks Jack- IdeaVim Paige- Watch Snowpiercer | Netflix Official Site (https://www.netflix.com/in/title/80177458) TJ- YouTube TV (https://tv.youtube.com/welcome/?utm_servlet=prod) Special Guest: Jack Hsu.

Let's help you invest in your new CSS Property. (Get it?) In this episode, Jack and Paige sit down with CSS property extraordinaire, Colby Faycock, for React Roundup Round 2! They all discuss how to make CSS get along with React and others, what awesome things Cloudinary does, and how to properly enter the CSS world if you're a React user. “React and CSS are two different concepts, but they can definitely play nicely.” - Colby Fayock In This Episode 1) How to make CSS properties play nice with JavaScript and React 2) The BEST way for React users to enter the CSS world in 2022 3) Why companies like Cloudinary are showcasing THIS awesome part of CSS properties Sponsors Top End Devs (https://topenddevs.com/) Coaching | Top End Devs (https://topenddevs.com/coaching) Links How to Create CSS Custom Properties That Dynamically Update with React & JavaScript - Space Jelly (https://spacejelly.dev/posts/how-to-create-css-custom-properties-that-dynamically-update-with-react-javascript/) 1-Line Layouts (https://1linelayouts.glitch.me/) Picks Colby- Ozark (https://www.imdb.com/title/tt5071412/) Jack- Micro State Management with React Hooks (https://amzn.to/33JQtYX) Paige- Watch 1883 Season 1 | Prime Video - Amazon.com (https://amzn.to/3JIgxCQ) Special Guest: Colby Fayock.