React Round Up

In today's episode, the panel of experts delves into the intricate world of reactivity in JavaScript frameworks. They explore Angular's signal-based approach, React's virtual DOM and hoisting, and how libraries like RxJS and Redux handle reactivity. They also discuss the absence of a universal standard for reactivity in JavaScript and the challenges it presents for developers. Join them as they unravel the complexities of reactivity and its impact on modern application development.
Sponsors

• Chuck's Resume Template
• Developer Book Club 
• Become a Top 1% Dev with a Top End Devs Membership

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

• GitHub @princefishthrower https://github.com/princefishthrower
• Blog Chris Frewin https://chrisfrew.in/

Peter Osah

• LinkedIn @peterosah https://www.linkedin.com/in/peter-osah-744118179/

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

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

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.
Sponsors

• Chuck's Resume Template
• Raygun - Application Monitoring For Web & Mobile Apps
• Become a Top 1% Dev with a Top End Devs Membership

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

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

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

Charles, Lucas, and Peter dive deep into the world of software development and React programming. They explore the intersection of artificial intelligence and the daily work of React developers. They discuss the benefits and challenges of using AI tools such as Copilot, the nuances of turning designer files into code, and the potential impact of AI on web development. Stay tuned as they discuss the role of AI as a learning tool, the importance of accessibility, and their recommendations for tools and resources for developers.
Sponsors

• Chuck's Resume Template
• Raygun - Application Monitoring For Web & Mobile Apps
• Become a Top 1% Dev with a Top End Devs Membership

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

• GitHub @princefishthrower https://github.com/princefishthrower
• Blog Chris Frewin https://chrisfrew.in/

Peter Osah

• LinkedIn @peterosah https://www.linkedin.com/in/peter-osah-744118179/

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

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

They delve into the realm of software development, with a focus on React best practices. In this episode, they dissect the intricacies of component structuring and file management, emphasizing the nuances of design patterns and the prudent use of Redux for state management. Tune in for a deep dive into these critical aspects of development and stay ahead of the curve in your software engineering journey.
Sponsors

• Chuck's Resume Template
• Developer Book Club 
• Become a Top 1% Dev with a Top End Devs Membership

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

• GitHub @princefishthrower https://github.com/princefishthrower
• Blog Chris Frewin https://chrisfrew.in/

Peter Osah

• LinkedIn @peterosah https://www.linkedin.com/in/peter-osah-744118179/

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

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

Welcome to the new set of panelists for the React Round Up podcast. Chris Frewin is a full-stack software engineer. Peter Osah is a full-stack software engineer. Lucas Paganini is a senior front-end Engineer.They delve into the world of software development and system architecture. They explore the nuances of vendor lock-in, migration strategies, and the diverse perspectives on deploying single-page applications. Additionally, they share their experiences with various tools, platforms, and cloud providers, shedding light on the challenges and best practices in the ever-evolving landscape of software development.
Sponsors

• Chuck's Resume Template
• Raygun - Application Monitoring For Web & Mobile Apps
• Become a Top 1% Dev with a Top End Devs Membership

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

• GitHub @princefishthrower https://github.com/princefishthrower
• Blog Chris Frewin https://chrisfrew.in/

Peter Osah

• LinkedIn @peterosah https://www.linkedin.com/in/peter-osah-744118179/

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

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

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/privacy

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

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

• Vue
• 12 React Best Practices You Need to Follow in 2019
• Saul
• Test && commit || revert
• VS Code ESLint

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/privacy

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

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/privacy

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

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

• Chuck's Resume Template
• Developer Book Club 
• Become a Top 1% Dev with a Top End Devs Membership

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/privacy

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

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/privacy

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