Support the Podcast
Contacts
Info
Stay current on the latest innovations and technologies in the React community by listening to our panel of React and Web Development Experts.
Support the Podcast
Transcribed
27 NOV 2024 · 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
- https://bradfrost.com/blog/post/interface-inventory/
- https://storybook.js.org/
- https://bubbleupapp.com/
- http://kgrayson.com/
Picks
- TJ - https://www.strava.com/mobile
- Paige - https://www.costco.com/tresanti-47%22-adjustable-height-desk.product.100664030.html
- Kathryn - https://www.notion.so/product,
- Kathryn - https://getrocketbook.com/
Transcribed
20 NOV 2024 · 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
- https://www.smashingmagazine.com/2021/01/dialogflow-agent-react-application/
- https://cloud.google.com/dialogflow/docs
- https://www.margo-group.com/en/news/a-brief-introduction-to-chatbots-with-dialogflow/
- https://cloud.google.com/dialogflow/pricing
- https://www.linkedin.com/in/victory-nwani-b820b2157/
- https://github.com/vickywane
- https://twitter.com/iamnwani01
Picks
- Jack- https://www.residentevil.com/village/us/
- Paige- https://mariokart8.nintendo.com/
- TJ- https://amzn.to/3DBdXfF
- Victory- https://aws.amazon.com/codedeploy/
Transcribed
Transitioning a React Codebase from JSX to TypeScript ft. Priscila Oliveira and Mark Story - RRU 274
14 NOV 2024 · 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
- https://blog.sentry.io/2021/04/12/slow-and-steady-converting-sentrys-entire-frontend-to-typescript
- https://twitter.com/getsentry/
- https://twitter.com/mark_story/
- https://twitter.com/priscilawebdev
Picks
- Jack- Power of saying "No"
- Mark- https://github.com/neovim/nvim-lspconfig
- Mark- https://github.com/glepnir/lspsaga.nvim
- Priscila - https://github.com/clauderic/dnd-kit
- TJ- https://getdivvy.com/
Transcribed
6 NOV 2024 · 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
- https://github.com/GoogleChromeLabs/comlink
- https://developers.google.com/web/tools/workbox
- https://www.figma.com/
- https://docs.assemblyscript.org/
- https://developers.google.com/web/updates/2016/05/houdini#worklets
Picks
- Majid - Follow Majid on Twitter > https://twitter.com/mhadaily
- Majid - https://www.amazon.com/Deep-Work-Focused-Success-Distracted/dp/1455586692
- Carl - https://thewebplatformpodcast.com/194-off-the-main-thread
- Charles - https://goatmilkstuff.com/
- Charles - https://apps.apple.com/us/app/flip-timer-stopwatch/id1304344207
- Charles - https://amzn.to/3eiTUWZ
- Paige - https://www.dji.com/phantom-4-adv?site=brandsite&from=landing_page
- Paige - https://www.netflix.com/title/80117552
- TJ - https://www.sweetfarm.org/goat-2-meeting
Transcribed
30 OCT 2024 · 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
- https://dillionmegida.com/p/create-gatsby-source-plugin/
- https://www.paigeniedringhaus.com/
- https://www.gatsbyjs.com/plugins
- https://thewebfor5.com/
- https://dillionmegida.com/p/web-share-api/
- https://blog.logrocket.com/a-deep-dive-into-queues-in-node-js/
- https://www.gatsbyjs.com/plugins/gatsby-source-medium/
- https://hashnode.com/
- https://twitter.com/iamdillion?lang=en
- https://dillionmegida.com/
Picks
- Carl- https://www.youtube.com/watch?v=VeWLTjZY8i8&t=359s
- Carl- https://jamstack.email/
- Dillion- https://www.cypress.io/
- Paige- https://optimate1.com/prod/chargers/?filters=power%5B100-240vac-type-c-eu%5Dregion%5Bca-ca%5Dproduct_cat%5Bchargers%5D
- TJ- https://www.remotion.dev/
- TJ- https://www.telerik.com/react-wednesdays/remotion-a-react-framework-for-making-videos
Transcribed
24 OCT 2024 · In this episode, they dive deep into the world of event sourcing with special guest, Luis Galeas, CEO and founder of Ambar. Lucas Paganini, along with Chris and Peter explore the intricacies of event sourcing, comparing front-end implementations using Redux and back-end approaches, and highlighting the benefits, drawbacks, and practical applications.
Luis shares his expertise on event sourcing, discussing how events act as the primary source of truth and the importance of understanding system boundaries for scalability. The conversation covers essential tools, frameworks, and strategies to effectively implement event sourcing in both your development processes and organizational strategies.
Whether you're new to event sourcing or looking to deepen your understanding, this episode offers invaluable insights and practical advice to help you navigate this complex but rewarding architecture. Tune in to learn more about how event sourcing can transform your approach to managing application changes, ensuring scalability, auditability, and minimizing regressions. Don't miss out on this opportunity to hear from experts in the field and discover how to leverage event sourcing for your next big project!
Socials
- https://www.linkedin.com/in/galeaspablo/
Transcribed
16 OCT 2024 · This week the panelists dive into their work backgrounds and discuss the ins and outs of working at small and large companies. They aim specifically at whether one is better than the other for building a career.
Picks
- Jack- https://virtualcoffee.io/
- Paige- https://magpi.raspberrypi.org/books/beginners-guide-4th-ed
- TJ- https://matthewpalmer.net/rocket/
Transcribed
9 OCT 2024 · React Hook Form is a terrific way to manage state in, from, and through, your forms in React. Since React itself doesn't give you much to manage forms, React Hook Form steps into the gap to help you manage your forms and provide features and functionality to your forms.
Our guest, Vijit Ail worked through several of the options out there for managing states and walks the panel through his decision to use React Hook Form.
Links
- https://react-hook-form.com/
- https://redux-form.com/8.3.0/
- https://formik.org/
- https://bundlephobia.com/
- https://typeorm.io/#/
- https://nestjs.com/
Picks
- Jack- https://nx.dev/
- TJ- https://supermario3dworld.nintendo.com/
- Vijit- https://www.udemy.com/course/microservices-with-node-js-and-react/
Transcribed
2 OCT 2024 · In today’s show, frontend engineer Tyler Hawkins shares his tips on how you can write clean, maintainable and readable code. Using the examples from his article on the same subject, he explains the importance of using clean code principles to make it easier for different developers to collaborate on a codebase. Tyler also discusses how you can better structure your tests and have more confidence in how they are written.
Links
- https://betterprogramming.pub/8-ways-to-write-clean-react-code-610c502ccf39
- https://kentcdodds.com/blog/use-ternaries-rather-than-and-and-in-jsx
- https://github.com/getify/You-Dont-Know-JS
- https://betterprogramming.pub/clean-code-with-unit-tests-5f28020828a5
- http://tylerhawkins.info/201R/
- https://thawkin3.medium.com/
- https://github.com/thawkin3
- https://www.linkedin.com/in/tyler-hawkins-2b147513b/
- https://twitter.com/thawkin3
Picks
- Carl- Time away from the screens
- Jack- https://github.com/pmndrs/jotai
- Tyler- https://amzn.to/3cIqNxd
Transcribed
25 SEP 2024 · In this episode, Lucas, Chris, and Peter are joined by Colby Fayock, the Director of Developer Experience Engineering at Cloudinary and a content creator.
Join them as they dive deep into the world of AI-powered WYSIWYG editors for React. They explore the practicality of running AI models locally versus on remote servers, discover Google's innovative browser-based AI models in Chrome, and discuss the versatility and editor compatibility with formats like JSON and Markdown. They also touch on integrating AI functionalities securely using serverless functions and backend APIs, ensuring solid security without exposing sensitive API keys.
Colby shares his experience with using storage formats like HTML and JSON in richer content editors, the flexibility of customizing styles and commands, and the potential applications outside of just being a Notion alternative. They also delve into UX trends toward integrated editing experiences and the practical challenges it may present.
Towards the end, Colby talks about his upcoming full stack Next.js 15 course featuring authentication, database management, and payment options. This episode is packed with valuable insights for developers aiming to enhance their front-end capabilities and integration of AI functions. Stay tuned as we unravel the future of rich-text editing and AI in modern web development.
Social MediaUnvoid
- LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
- Instagram @unvoidweb https://www.instagram.com/unvoidweb
Lucas Paganini
- YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
- LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
- Twitter @lucaspaganini https://twitter.com/LucasPaganini
- Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
Chris Frewin
- https://github.com/princefishthrower https://github.com/princefishthrower
- https://chrisfrew.in/ https://chrisfrew.in/
Peter Osah
- https://www.linkedin.com/in/peter-osah-744118179/ https://www.linkedin.com/in/peter-osah-744118179/
https://www.linkedin.com/in/colbyfayock/
- LinkedIn @colbyfayock https://www.linkedin.com/in/colbyfayock/
Join “React Round Up” Supporters Club
Start supporting this podcast and become part of their community.
Stay current on the latest innovations and technologies in the React community by listening to our panel of React and Web Development Experts.
Information
Author | Charles M Wood |
Organization | Charles M Wood |
Categories | Technology , Careers , How To |
Website | topenddevs.com |
chuck@topenddevs.com |
Copyright 2024 - Spreaker Inc. an iHeartMedia Company