On this episode of React Round Up we chatted with Miroslav Nikolov, a UI developer at one.com, about his approach to unit testing React components. Miroslav discussed writing components in a human-friendly way, using the library UnexpectedJS. We also talked about Miroslav’s blog, including how he got started with it, and some of the tools he used, like Gatsby and Mailchimp. This is a great episode if you’re looking to learn more about how to approach unit testing in React.

Links

• webup.org/blog | Miroslav Nikolov
• UnexpectedJS
• React Component Tests for Humans | CSS-Tricks
• mailchimp
• Substack

Picks

• Miroslav- erikras.com
• Miroslav- Application State Management with React
• Paige- Tom Clancy's | Jack Ryan
• TJ- DREAM SPORT Bike Computer Bicycle Speedometer and Odometer 16-Function Wired Bike Computer Waterproof

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Eric Simons joins the round-up to discuss the latest advancements made by StackBlitz that enables you to run NodeJS in the browser. Eric expands that to the work they've done with the NextJS team to run NextJS in the browser without the need to have a server in the background.

Links

• Introducing WebContainers: Run Node.js natively in your browser
• StackBlitz
• StackBlitz
• EricSimons – StackBlitz
• Twitter: Eric Simons ( @ericsimons40 )

Picks

• Eric- Vite
• Jack- Westworld
• Paige- Elgato Wave:3
• TJ- Podcast from The Verge

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

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

• "Waldo, who helps with Android testing"
• 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

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

In today's episode, Lucas and Peter dive deep into the world of front-end frameworks with a captivating discussion featuring PRANTA Dutta, a seasoned React Native developer. Pranta shares his journey transitioning from Vue to React, highlighting both the challenges and advantages of React's manual configurations and rich third-party ecosystem. They explore the contrasts between frameworks like React, Angular, and Flutter, delving into the trade-offs between their built-in features and flexibility. From the complexities of using Flutter's custom canvas painting to the streamlined utilities for notifications and Firebase, we cover it all. They also tackle the ongoing debate of native versus hybrid mobile app development, with insights into the Kotlin Multiplatform project and the importance of choosing the right tools based on project needs.
Join them as they unravel the intricacies of React's success and shortcomings, discuss the merits of design patterns in both Flutter and React, and examine the responsibilities developers hold in shaping their applications. Stay tuned for a valuable conversation packed with industry insights and practical examples!


Links

• Why React Won the Front-End Race

Socials

• LinkedIn: PRANTA Dutta

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

In this episode of React Round Up we chatted with James Smith from Bugsnag. We talked about the importance of error monitoring and reporting, and how to actually implement those workflows in your production apps. James shared a number of tips for React developers, like what are the most common errors and how you can help prevent them (hint: linters help a lot). We also got into mobile, and what developers can do to protect against third-party SDK errors. 

Picks 

• TJ - https://www.amazon.com/What-Doesnt-Kill-Environmental-Conditioning 
• James - Fall Guys

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Akash Joshi Is a frequent blogger across many of the larger blogs across the internet.
He joins the Round Up to share his opinions on how you should put your React applications together as well as some tips on where you shouldn't put files and where you should avoid putting specific types of files.
Some of this is inspired by projects like Next.js and others by his own experience. Paige and TJ chime in with their experience to help provide more context to the conversation.

Links

• Learn Structuring React Projects with a Dogs App [⚛ + 🐶]
• A Better Way to Structure React Projects
• Improving my OSS library and taking steps towards improving my YT quality
• Akash Joshi
• The Writing Dev 
• Akash Joshi - thewritingdev - YouTube
• Twitter: Akash ( @thewritingdev )

Picks

• Akash- Lapel Microphone
• Paige- Harney & Sons Earl Grey Loose Leaf Tea
• TJ- Kombucha Tea

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Senior Frontend Engineer Kathryn Grayson Nanz joins the React Round Up team to talk about all things component libraries. Kathryn shares her experiences building not one but two component libraries, as well as tips and tricks on the benefits of shared libraries, how to get buy in from product and developer teams, the best way to set up libraries and keeping them up-to-date. She also shares pitfalls to try and avoid when getting started with building a new library. Definitely a good listen for anyone debating whether an existing library or a brand new, custom one is the way to go for a project.

Links

• UI audit background from Brad Frost
• Storybook
• BubbleUp
• http://kgrayson.com/

Picks

• TJ - Strava
• Paige - Tresanti Standing Desk
• Kathryn - Notion
• Kathryn - Rocketbook

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Victory Dumebi Nwani joins the round up to discuss integrating the Dialogflow from Google Cloud into your application to manage voice and chat capabilities for your application.
Victory dives into the stack he used to put together a functioning app using that offering from Google.

Links

• Integrating A Dialogflow Agent Into A React Application
• Dialogflow Documentation
• A brief introduction to Chatbots with Dialogflow
• Dialogflow pricing
• LinkedIn: Victory Nwani
• GitHub: Nwani Victory ( vickywane )
• Twitter: Iamnwani ( @iamnwani01 )

Picks

• Jack- Resident Evil Village
• Paige- Mario Kart
• TJ- Toto Bidet
• Victory- AWS CodeDeploy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Priscila Oliveira and Mark Story join the panel to discuss the recent transition at Sentry from vanilla JavaScript to React and TypeScript.
The show starts out with the panelists nerding out over Sentry and how they use it, then they dive into the code transition and the things that they learned from their conversion to TypeScript.


Links

• Slow and Steady: Converting Sentry’s Entire Frontend to TypeScript
• Twitter: Sentry ( @getsentry )
• Twitter: Mark Story ( @mark_story )
• Twitter: Priscila Oliveira ( @priscilawebdev )

Picks

• Jack- Power of saying "No"
• Mark- GitHub | neovim/nvim-lspconfig
• Mark- GitHub | glepnir/lspsaga.nvim
• Priscila - GitHub | clauderic/dnd-kit
• TJ- Divvy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Despite JavaScript being a single-threaded language, you can now leverage multi-threaded computing thanks to modern browser features such as web workers, workouts and service workers. In this show, Majid explains how these features work and what problems they solve. We also discuss the strategies you can use to introduce them to production codebases and give your users a much more enjoyable experience on your web app.


Links

• Comlink makes WebWorkers enjoyable
• Workbox
• Figma
• The AssemblyScript Book
• Houdini: Demystifying CSS

Picks

• Majid - Follow Majid on Twitter > @mhadaily
• Majid - Deep Work - Cal Newport
• Carl - Off the Main Thread | The Web Platform Podcast
• Charles  - Natural Goat Milk Soaps for Healthy Skin — Goat Milk Stuff
• Charles  - ‎Flip Timer & stopwatch on the App Store
• Charles - Desktop tripod
• Paige - DJI Phantom 4 Drone
• Paige - Ozark show on Netflix
• TJ - Goat-2-Meeting — Sweet Farm

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

In today’s episode of React Round Up, Nigerian-based developer Dillion Megida explains how you can create source plugins for Gatsby, the static site generation tool. Gatsby can be used to create landing pages, blogs and e-commerce sites, among other things, and it contains a vast plugin ecosystem that helps developers avoid reinventing the wheel when creating their applications. Dillion also shares his experience blogging for websites such as LogRocket, FreeCodecamp and Dev.to and talks us through his workflow and how he comes up with new article ideas.

Links

• How to Build a Gatsby Source Plugin, using Hashnode as an example
• Paige Niedringhaus
• Gatsby Plugin Library
• TheWebFor5
• Web sharing API
• A deep dive into queues in Node.js
• gatsby-source-medium
• Hashnode
• Twitter: Dillion Megida ( @iamdillion )
• Dillion Megida - Frontend Engineer and Technical Writer

Picks

• Carl- BBQ tips 
• Carl- JAMstacked newsletter 
• Dillion- Cypress
• Paige- Battery Chargers - OptiMate
• TJ- Remotion
• TJ- Remotion demo

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.