- Redux, Redux Toolkit, OSS and More with Mark Erikson - RRU 238
Returning guest Mark Erikson joins the React Round Up team to discuss how he found himself in the position of being an open source maintainer for Redux, how he's helped shepherd/author future versions of Redux (and the complete overhauls that happened when React Hooks were introcuded), and the new examples he's written for Redux Toolkit to make Redux easier for devs to get started with. Mark also addresses some commons misconceptions around React and Redux, such as: is React Context a perfect substitute for Redux (spoiler: it's not), and is Redux still relevant today (it is). Take a listen to hear about getting into open source, where Redux is headed and Mark's broader thoughts on helping the React community document and standardize all the options out there so developers have an easier time choosing the tools needed to solve their particular problems.
Sponsors
- Chuck's Resume Template
- Raygun - Application Monitoring For Web & Mobile Apps
- Become a Top 1% Dev with a Top End Devs Membership
Links
- Cheng Lou - On the Spectrum of Abstraction at react-europe 2016
- Blogged Answers: Why React Context is Not a "State Management" Tool (and Why It Doesn't Replace Redux)
- Coding Career Advice
- GitHub | markerikson/react-community-tools-practices-cheatsheet
- GitHub | markerikson/react-community-tools-practices-cheatsheet - Initial RFC: Scope and Goals #1
- Comparison with Other Frameworks
- Redux Style Guide#
- Redux Essentials, Part 1: Redux Overview and Concepts#
- Redux Fundamentals, Part 1: Redux Overview#
- Redux Toolkit
- RTK Query
- JavaScript for Java-ish Developers
- Mark's Dev Blog
- Twitter: Mark Erikson ( @acemarke )
- GitHub | Mark Erikson
Picks
- Carl- Writing for Software Developers by Philip Kiely
- Mark- Josh Comeau
- Paige- Open source password manager - Bitwarden
- TJ- Bowflex SelectTech Dumbbells
- Zain- GitHub | zalmoxisus/redux-devtools-extension
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy1h 5m | Nov 22, 2023 - How Do I Introduce New Tech at Work? - RRU 237
Today the panel is discussing how to introduce new tech at work. They agree that it’s important to get input from all teams on the decision, although it will primarily affect the development team. One should also consider the different ways people make decisions, such as through discussion or quiet thinking, and give everyone time to come to a decision. The panel talks about positive and negative examples of how to introduce new tech at work. Thomas believes that it is important to acknowledge your own biases in decision making and to try to avoid them. The React experts discuss the significance of the team dynamic and the necessity of different roles in decision making or if it is better to have an organic discovery phase. This relates to Thomas’ point about personal biases, and he believes that it is important to put people in roles that are opposite of their personality. When making decisions about new technology, it is also important to note that not all decisions require the same amount of input, and they discuss how to measure how much input is required for a decision.
Sponsors
- Chuck's Resume Template
- Raygun - Application Monitoring For Web & Mobile Apps
- Become a Top 1% Dev with a Top End Devs Membership
Links
Picks
- Thomas - Teachable Machine
- Charles - White Christmas
- Charles - Holiday Inn
- Chris - Practical React Hooks
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy37m | Nov 8, 2023 - Navigating React Navigation with Zain Sajjad - RRU 236
Zain Sajjad is a frontend developer at his company Peekaboo Guru, an app built in React. The show begins with Zain explaining why he chose to build Peekaboo Guru in React. Ultimately, he chose React for its composability and reusability. He talks about how much data is shared between his React and React Native applications.
Zain explains what he means by a container since he is not talking about Docker, and how he has the app organized. He talks about the differences between routing and navigation between React and React Native. When approaching these differences, he breaks things down into components, containers, and platform, paying careful attention to how they work together. This differentiation can actually help a lot with testing as well.
Sponsors
- Chuck's Resume Template
- Raygun - Application Monitoring For Web & Mobile Apps
- Become a Top 1% Dev with a Top End Devs Membership
Links
- Peekaboo Guru
- React
- React Native
- React Native Navigation
- React Navigation
- SQL
- TensorFlow
- Fun Fun Function
- Immer.js
Picks
- Lucas - Ember.js
- Lucas - 3Blue1Brown
- Thomas - Rite in the Rain notepad
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy49m | Oct 18, 2023 - Using and Teaching React with Kay Plößer - RRU 235
In this episode of React Round Up, the panel talks with Kay Plößer, describing their experiences learning React. Kay is a software developer from Stuttgart, Germany and the author of the book React from Zero. They discuss the best approach to learning React from scratch. Kay describes the process of writing and producing his book 'React from Zero'. Initially he started with tutorials and lessons and then turned those into a book. It is constructed in two sections: basic and advanced and it's purpose is to help developers learn React without being overwhelmed. He has received great feedback from the people who have bought the book.
Kay then describes his experiences teaching React to developers and talks about his blog post React Hooks Demystified which became really popular. The panel then about how developers can increase and diversify income through writing books and side projects.
Sponsors
Links
- Kay's Book: React from Zero
- Kay's Blog Post: React Hooks Demystified
- Kay’s LinkedIn
- Kay’s Twitter
- Kay’s GitHub
- Kay's Website
- Kay's Skillshare
- Kay's Facebook
- https://www.facebook.com/React-Round-Up
- https://twitter.com/reactroundup
Picks
- Nader - Finite and Infinite Games by James Carse
- Lucas - An Introduction and Guide to the CSS Object Model
- Lucas - AST Explorer
- Charles - Charles' New Devchat.tv Build on Eleventy on GitHub
- Kay - Wardley maps
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy52m | Oct 10, 2023 - The State Machines in React with David Khourshid - RRU 234
David Khourshid is the author of a library called Xstate, He has been a developer for 7 years, currently works for Microsoft, his passion is frontendTalks a. In college, he actually studied piano performance, and so he talks about how he got into programming and where he started. The panel discusses his unique husky animation and how he came up with the idea for it and went about programming it.
The panel discusses what a state is in React. David defines a state as a moment in time. States can change, when they do, that’s a state transition. They talk about the utility of states and thinking about your app as a state machine. They agree that describing your code as a state machine makes it easier to communicate and connect with non developers. The panel discusses the importance of learning from other industries, such as approaching programming the same way construction workers build a house. They debate the Waterfall versus the Agile mindset.
They talk about the advantages of programming in React and focusing on the state machine, especially because it is important to be intentional about dealing with concepts separate from other concepts. They share different ways to switch to state machine thinking, one of which is to look at your event handlers and make sure they are doing anything besides dispatching events. David talks about his library called Xstate and the basics of his library and his inspiration, and who else is working in state machines. The finish by discussing industry standards.
Sponsors
- Chuck's Resume Template
- Raygun - Application Monitoring For Web & Mobile Apps
- Become a Top 1% Dev with a Top End Devs Membership
Links
- Xstate
- Keyframers
- Bootstrap
- David’s husky animation
- The Checklist Manifesto
- Sion SCXML
- QT
- Elm
- Thunk
- Observable
- NoFlo
- Sketch Systems
- State Charts
Picks
- David - Atomic Habits by James Clear
- David - Bullet Journal
- Thomas - The Checklist Manifesto
- Thomas - Thomas’ Youtube Channel
- David Khourshid - Constructing The User Interface with State Charts (check the library first)
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy51m | Oct 4, 2023 - React Best Practices - RRU 233
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”.
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.
Sponsors
Links
- https://teachablemachine.withgoogle.com/
- Practical React Hooks: How to refactor your app to use Hooks
- 12 React Best Practices You Need to Follow in 2020
- https://github.com/nadeesha/saul
- https://www.facebook.com/React-Round-Up
- https://twitter.com/reactroundup
Picks
- Charles - White Christmas
- Charles - Holiday Inn
- Charles - The MaxCoders Guide To Finding Your Dream Developer Job
- Christopher - https://github.com/microsoft/vscode-eslint
- Christopher - https://www.playingwithfire.co/
- Thomas - test && commit || revert
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy40m | Sep 27, 2023 - Game Development in React & Typescript with Maksim Ivanov - RRU 232
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'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's book covers many aspects of TypeScript in great detail, and it sounds like a good read for anyone just picking up the language.
Sponsors
- Chuck's Resume Template
- Raygun - Application Monitoring For Web & Mobile Apps
- Become a Top 1% Dev with a Top End Devs Membership
Links
- Custom Renderer
- react-game-engine - npm
- react-unity-webgl - npm
- gettext
- newline
- @tjfuller • Instagram
- React Hook Form
- Cheatsheets for experienced React developers getting started with TypeScript
- The RSpec Book
- TypeStrong
Picks
- Maksim - Follow Maksim on Youtube
- Maksim -Harry Potter and the Methods of Rationality
- Charles - Iron druid chronicles
- Charles - Percy Jackson
- Paige - The Name of the Wind
- TJ - OmniDiskSweeper, OmniWeb, and OmniPresence - The Omni Group
- TJ - https://rtmccormick.com/2018/01/10/clear-node-modules-folders-recursively-mac-linux/
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy59m | Sep 20, 2023 - All Astro with Fred Schott - RRU 231
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
Links
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
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy46m | Sep 13, 2023 - React Architecture with Tommy Groshong - RRU 230
In today's episode, we talk about state management, dependency injection, react hooks, API access best practices and more with Tommy Groshong a React UI architect.
Sponsors
- Chuck's Resume Template
- Raygun - Application Monitoring For Web & Mobile Apps
- Become a Top 1% Dev with a Top End Devs Membership
Links
- React Context for Dependency Injection Not State Management
- Reduce State Management Footprint with React Query
- Reduce State Management Footprint with React Query
- Test Double
- TommyGroshong.com
- LinkedIn: Thomas Groshong
- Twitter: Tommy Groshong ( @tgroshon )
Picks
- Jack- Deno Deploy
- Paige- Ted Lasso
- Paige- GitHub | foambubble/foam
- TJ- Land of the Giants
- Tommy- The Courier
- Tommy- The Anarchist Handbook
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy53m | Sep 6, 2023 - Data Visualization at Scale with Andrey Goncharov - RRU 229
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.
Sponsors
- Chuck's Resume Template
- Raygun - Application Monitoring For Web & Mobile Apps
- Become a Top 1% Dev with a Top End Devs Membership
Links
- Hazelcast | The Leading In-Memory Computing Platform
- Chart.js | Open Source HTML5 Charts for your Website
Picks
- Andrey- Designing Data-Intensive Applications by Martin Kleppmann
- Paige- Netflix Series | The Queen’s Gambit
- TJ- City of Stairs: A Novel (The Divine Cities) by Robert Jackson Bennett
Special Guest: Andrey Goncharov.
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy43m | Aug 23, 2023 - How to Organize Your React App ft. Tania Rascia -RRU 228
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've seen and clarify how these approaches effect the overall application functionality of your app.
Sponsors
Links
- React Architecture: How to Structure and Organize a React Application | Tania Rascia
- Backends for Frontends pattern - Cloud Design Patterns | Microsoft Docs
- Chakra UI
- Front End Tables: Sorting, Filtering, and Pagination | Tania Rascia
Picks
- Jack- react-location - npm
- Paige - Newline.co
- Paige- Fullstack React with Typescript course
- Tania - Netlify
- TJ - Edge Impulse
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy45m | Aug 16, 2023 - Migrating to React Query from Redux with Pierre Hedkvist - RRU 227
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
- Raygun - Application Monitoring For Web & Mobile Apps
- 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
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy36m | Aug 2, 2023 - Jumpstart Your React Career With Collin Pfeifer - RRU 226
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.
Sponsors
- Chuck's Resume Template
- Raygun - Application Monitoring For Web & Mobile Apps
- Become a Top 1% Dev with a Top End Devs Membership
Links
Picks
- Collin - GitHub student developer pack
- Collin - Thrifting mystery packs
- Jack - Rubik's Cube
- TJ - Lensa AI: photo & video editor 4+ - App Store
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy42m | Jul 20, 2023 - Figma's Biggest Change - RRU 225
Jack, Paige, and TJ join this week'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!
Sponsors
- Chuck's Resume Template
- Raygun - Application Monitoring For Web & Mobile Apps
- Become a Top 1% Dev with a Top End Devs Membership
Links
Picks
- Jack - Monkeytype | A minimalistic, customizable typing test
- Paige - Ted Lasso (TV Series 2020–2023)
- TJ - The Legend of Zelda: Breath of the Wild
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy56m | Jul 5, 2023 - Bootstrapping Application with Bun - RRU 224
Peter Osah is a Fullstack Software Engineer, Technical Writer, and a Biochemist & Bioinformatics Enthusiast. He joins the show to talk about his article, " Bootstrap your next Preact application with Bun". He begins by giving the listeners an introduction to Bun and its advantages.
Sponsors
- Chuck's Resume Template
- Raygun - Application Monitoring For Web & Mobile Apps
- Become a Top 1% Dev with a Top End Devs Membership
Links
Socials
Picks
- Jack - Spider Grills - The Original Spider-22
- Paige - GitHub Copilot · Your AI pair programmer
- TJ - The Vergecast
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy42m | Jun 21, 2023 - Everything About Firebase - RRU 223
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.
Sponsors
- Chuck's Resume Template
- Raygun - Application Monitoring For Web & Mobile Apps
- Become a Top 1% Dev with a Top End Devs Membership
Links
Socials
Picks
- Jack - Insta360 X3 – Waterproof 360 Action Camera
- Paige - Star Trek: Picard (TV Series 2020–2023)
- TJ - GCI Outdoor
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy24m | Jun 7, 2023 - What It Takes To Be A Web Developer: Part 2 - RRU 222
Hosts from the JavaScript Jabber podcast, AJ O'Neal and Dan Shappir join this week'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.
On YouTube
What It Takes To Be A Web Developer: Part 2 - RRU 222
Sponsors
Socials
Picks
- AJ - LMNT - The Best Electrolyte Drink Mix Ever
- AJ - MikroTik Routers and Wireless - Products
- Dan - JSNation – the main JavaScript conference of 2023
- Dan - JNation 2023
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy59m | May 31, 2023 - What It Takes To Be A Web Developer: Part 1 - RRU 221
Hosts from the JavaScript Jabber podcast, AJ O'Neal and Dan Shappir join this week'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.
Sponsors
Socials
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy55m | May 24, 2023 - Being a React Developer with Chirag Dugar - RRU 220
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.
Sponsors
- Chuck's Resume Template
- Raygun - Application Monitoring For Web & Mobile Apps
- Become a Top 1% Dev with a Top End Devs Membership
Socials
Picks
- Chirag - In-App Chat & Messaging
- Jack - Raycast
- Paige - vscode-pets
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy42m | May 17, 2023 - Using CSS Style Inheritance with Sami Jaber - RRU 219
Sami Jaber is a Software Engineer at Builder.io. He joins the show to discuss "Implementing CSS Style Inheritance in React Native". He starts by talking about the inspiration behind the article's concept. He also talks about Mitosis, how to use it, and its features.
Sponsors
- Chuck's Resume Template
- Raygun - Application Monitoring For Web & Mobile Apps
- Become a Top 1% Dev with a Top End Devs Membership
Links
Socials
Picks
- Paige - Adafruit PiTFT 3.5" Touch Screen for Raspberry Pi
- Sami - ATTITUDE | Reinventing Beauty
- TJ - The Silent Patient by Alex Michaelides
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy48m | May 3, 2023
