Stay current on the latest innovations and technologies in the React community by listening to our panel of React and Web Development Experts.
Similar Podcasts
Flutter 101 Podcast
Weekly podcast focusing on software development with Flutter and Dart. Hosted by Vince Varga.
Views on Vue
Vue is a growing front-end framework for web developments. Hear experts cover technologies and movements within the Vue community by talking to members of the open source and development community.
The QA Lead Podcast
Discover with us how to lead QA teams and do web and software QA better. We’re a QA community exploring the latest and best quality assurance approaches to help you with DevOps, Agile, Automation, Performance, API, Mobile, Analytics, RPA, AIOps, Shift-Left and right. Find the tips, tricks, how-to guides, and tools you need to build your QA team, and banish the bugs! Hosted by CTO of Digital Assured, President of Vivit-Worldwide, and Tedx Speaker Jonathon Wright.
RRU 019: Error Tracking and Troubleshooting Workflows with David Cramer LIVE at Microsoft Build
Panel: Charles Max Wood Alyssa Nicholl Ward Bell Special Guests: David Cramer In this episode, the React Round Up panelists talk to David Cramer about error tracking and troubleshooting workflows. David is the founder and CEO of Sentry, and is a software engineer by trade. He started this project about a decade ago and it was created because he had customers telling him that things were broken and it was hard to help them fix it. They talk about what Sentry is, errors, workflow management, and more! In particular, we dive pretty deep on: David intro Founder and CEO of Sentry What is Sentry? Working with PHP De-bugger for production Focus on workflow Goal of Sentry Triaging the problem Workflow management Sentry started off as an open-source side project Instrumentation for JavaScript Ember, Angular, and npm Got their start in Python Logs Totally open-source Most compatible with run-time Can work with any language Deep contexts Determining the root cause And much, much more! Links: Sentry JavaScript Ember Angular npm Python Sentry’s GitHub @getsentry David’s GitHub David’s Website @zeeg Sponsors Kendo UI Loot Crate FreshBooks Picks: Charles Socks as Swag David VS Code Kubernetes Special Guest: David Cramer.
RRU 018: Evolving Patterns in React with Alex Moldovan
Panel: Charles Max Wood Lucas Reis Nader Dabit Special Guests: Alex Moldovan In this episode of React Round Up, the panel discusses the article Evolving Patterns in React with its author, Alex Moldovan. Alex is from Romania and works at Fortech as an engineering manager where he works mostly with the front-end development. He also is one of the co-founders of JSHeroes, which is the biggest JavaScript conference in Romania that also has a growing international community behind it. They answer some of Charles questions about React, talk about his article, their thoughts on the new changes, and more! In particular, we dive pretty deep on: Lucas was on React Round Up Episode 11 Lucas intro – works for Zocdoc as a senior front-end developer Alex intro At Fortech as an engineering manager Co-founder of JSHeroes His article Evolving Patterns in React React.createClass rather than ES6 class Started working with React in 2015 React and Redux Nobody knew how to actually build an application in React in the beginning Mixins What has replaced the idea of mixins? Higher Order Components Render Props article by Michael Jackson Implicit with mixins to explicit with render props What about Context? Do you think these new changes are addressing how we build React apps? Thoughts on the new APIs and changes from 16 to 17 Error boundaries Suspense Server-side rendering Using the Constructor Evolving patterns And much, much more! Links: React Round Up Episode 11 Zocdoc Fortech JSHeroes JavaScript Evolving Patterns in React React Redux Render Props article by Michael Jackson React Context React Constructor Alex’s Medium Alex’s GitHub @alexnmoldovan Sponsors Kendo UI Loot Crate FreshBooks Picks: Charles Star Realms Hogwarts Battles Lucas SpeedCurve Nader AWS AppSync GitHub Repo Building AI Enabled GraphQL Applications by Nader appsync-lambda-ai Alex Graphcool Prisma TensorFlow.js Special Guest: Alex Moldovan.
RRU 017: Cloud-Hosted DevOps with Ori Zohar and Gopinath Chigakkagari LIVE at Microsoft Build
Panel: Charles Max Wood Special Guests: Ori Zohar and Gopinath Chigakkagari In this episode, the React Round UP panelists discuss Cloud-Hosted DevOps with Ori Zohar and Gopinath Chigakkagari at Microsoft Build. Ori is on the product team at VSTS focusing on DevOps specifically on Azure. Gopinath is the group program manager in VSTS primarily working on continuous integration, continuous delivery, DevOps, Azure deployment, etc. They talk about the first steps people should take when getting into DevOps, define DevOps the way Microsoft views it, the advantages to automation, and more! In particular, we dive pretty deep on: Ori and Gopi intro VSTS – Visual Studio Team Services VSTS gives developers the ability to be productive Developer productivity What’s the first big step people should be taking if they’re getting into DevOps? The definition of DevOps The people and the processes as the most important piece DevOps as the best practices Automating processes What people do when things go wrong is what really counts Letting the system take care of the problems Have the developers work on what they are actually getting paid for Trend of embracing DevOps Shifting the production responsibility more onto the developer’s Incentivizing developers People don’t account for integration Continuous integration Trends on what customers are asking for Safety Docker containers And much, much more! Links: Azure Microsoft Build VSTS @orizhr Ori’s GitHub Gopi’s GitHub @gopinach Sponsors Kendo UI Linode FreshBooks Picks: Charles .NET Rocks! Shure SM58 Microphone Zoom H6 Ori Fitbit Pacific Northwest Hiking Gopinath Seattle, WA Special Guests: Gopinath Chigakkagari and Ori Zohar.
RRU 016: React, Redux, and JavaScript Architecture with James Sinclair
Panel: Charles Max Wood Sia Karamalegos Nader Dabit Special Guests: Jared Palmer In this episode of React Round Up, the panel discusses the article React, Redux, and JavaScript Architecture with the author James Sinclair. James is a web developer in Australia and he works at Squiz were he focuses on building a digital web place. They talk about his article and why he chose to write it, where he falls on the whole Redux debate, how to convince people to come to Redux, and much more! In particular, we dive pretty deep on: James intro React, Redux, and JavaScript Architecture Why were the people you are working with wary of leaving JavaScript? jQuery Great article on explaining why we use React Why React can be fast Is your team now moving to React or have they already moved over? Where do you fall on the Redux debate? Redux’s “disadvantages” are actually advantages What is your current stack of choice? Downshift Conditioner.js Most React tutorials assume you’re working on a single-page web app Sprinkles of jQuery Learning Redux helps to learn in a more functional way Functional programming as an influence to learn Redux Managing state How do you convince someone to learn Redux? Thoughts on GraphQL Apollo Server and Prisma Stimulus Apollo Link State And much, much more! Links: React, Redux, and JavaScript Architecture Squiz JavaScript jQuery React Redux Downshift Conditioner.js GraphQL Apollo Server Prisma Stimulus Apollo Link State jrsinclair.com @jrsinclair James’ LinkedIn James’ GitHub Sponsors Kendo UI Loot Crate FreshBooks Picks: Charles Being around family and friends Spend your life doing the things that really matter Sia Artificial Intelligence Machine Learning Nader React Native Training YouTube Channel Nader’s YouTube James Highland.js Functional Programming Special Guest: James Sinclair.
RRU 015: Visual Studio Code with Rachel MacFarlane and Matt Bierner LIVE at Microsoft Build
Panel: Charles Max Wood Special Guests: Rachel MacFarlane and Matt Bierner In this episode, the React Round Up panelists discuss Visual Studio Code with Rachel MacFarlane and Matt Bierner, who are both developers on Visual Studio Code. They talk about what the workflow at Visual Studio Code looks like, what people can look forward to coming out soon, and how people can follow along the VS Code improvements on GitHub and Twitter. They also touch on their favorite extensions, like the Docker extension and the Azure extension and their favorite VS Code features. In particular, we dive pretty deep on: Rachel and Matt intro Month to month workflow of Visual Studio Code VS Code JavaScript, TypeScript, and Mark Down support Working on GitHub and within the community Check out new features incrementally with insiders Community-driven work What is coming out in Visual Studio Code? GitHub helps to determine what they work on Working on Grid View Improved settings UI Highlighting unused variables in your code Improvements with JS Docs Dart Visual Studio Extension API How do people follow along with the VS Code improvements? Follow along on GitHub and Twitter Download VS Code Insiders Have a general roadmap of what the plan is for the year Technical debt week What do you wish people knew about VS Code? Favorite extensions Docker extension and Azure extension And much, much more! Links: Visual Studio Code JavaScript TypeScript Dart VS Code GitHub @Code VS Code Insiders Docker extension Azure extension Rachel’s GitHub Matt’s GitHub MattBierner.com @mattbierner Sponsors Linode Angular Boot Camp FreshBooks Picks: Charles Orphan Black Avengers: Infinity War Fishing Rachel GitLens Matt The Bronx Warriors Special Guests: Matt Bierner and Rachel MacFarlane.
RRU 014: Razzle with Jared Palmer
Panel: Nader Dabit Special Guests: Jared Palmer In this episode of React Round Up, the panel discusses Razzle and other projects with Jared Palmer. Jared is the lead engineer at The Palmer Group, where he spends his time building apps and services for companies that have been underserved by the recent technological changes. They talk about what Razzle is, the benefit of server-side rendering, and the difficulties he faced putting this project together. They also touch on why he chose to create Razzle and some of his other projects like Backpack and After.js. In particular, we dive pretty deep on: Jared intro How he got into programming Fell into programming by accident What is Razzle? Create React App with server-side rendering Gatsby Goal of Razzle What are the benefits of adding server-side rendering? The power of React Next.js React can hydrate once it renders on the server Razzle is thin layer around 2 Webpack watch tasks How do you handle routing? React Router After.js Performance pros to server-side rendering Is an app built in Razzle still considered a single-page application? React Resolver What were the technical difficulties putting Razzle together? Why made you want to create this? Wanted direct control over the project Backpack And much, much more! Links: The Palmer Group Razzle Create React App Gatsby React Next.js Webpack React Router After.js React Resolver Backpack The Palmer Group GitHub Jared’s Medium Jared’s GitHub @jaredpalmer Sponsors Kendo UI Digital Ocean FreshBooks Picks: Nader Proton Native Jared Guess.js Garden Special Guest: Jared Palmer.
RRU 013: Visual Studio Code and the VS Code Azure Extension with Matt Hernandez and Amanda Silver LIVE at Microsoft Build
Panel: Charles Max Wood Special Guests: Matt Hernandez and Amanda Silver In this episode, the JavaScript Jabber panelists discuss Visual Studio Code and the VS Code Azure Extension with Matt Hernandez and Amanda Silver at Microsoft Build. Amanda is the director of program management at Microsoft working on Visual Studio and VS Code. Matt works on a mix between the Azure and the VS Code team, where he leads the effort to build the Azure extensions in VS code, trying to bring JavaScript developers to Azure through great experiences in VS Code. They talk about what’s new in VS Code, how the Azure extension works, what log points are, and much more! In particular, we dive pretty deep on: Amanda intro Matt intro What’s new in VS Code? VS Code core VS Live Share Shared Terminal Now have Linux support Live Share is now public to the world for free What would you use Shared Terminal for? Are there other things coming up in VS Code? Constantly responding to requests from the community Live Share works for any language How does the Azure extension work? Azure App Service Storage extension Azure Cosmos DB What are log points? All a part of a larger plan to create a better experience for JS developers Visual debuggers Is it the same plugin to support everything on Azure? Want to target specific services that node developers will take advantage of And much, much more! Links: Visual Studio VS Code Azure Live Share Azure Cosmos DB Microsoft Build Azure App Service Amanda’s GitHub @amandaksilver Matt’s GitHub @fiveisprime Picks: Charles Orphan Black Shout out to VS Code team Battle of the Books Matt The Customer-Driven Playbook by Travis Lowdermilk The Speed of Trust by Stephen M.R. Covey Yes, And by Kelly Leonard Digital Marketing For Dummies by Ryan Deiss Ed Gets His Power Back Kickstarter Amanda Microsoft Quantum Development Kit for Visual Studio Code Iggy Peck, Architect Tek by Patrick McDonnell Special Guests: Amanda Silver and Matt Hernandez.
RRU 012: The Future of Higher Order Components and Render Props with Paul Gray
Panel: Nader Dabit Special Guests: Paul Gray In this episode of React Round Up, the panel discusses the future of higher order components and render props with Paul Gray. Paul is a software developer at an educational technology company called Learning Objects. They have a learning platform there that helps instructional designers create better contents. They talk about how he got into programming and React, when you would want to use HOCs and render props, and chainable components. In particular, we dive pretty deep on: Paul intro React How long have you been working with React? How did you get into programming? TI-89 Calculators in high school Software engineering degree in college Big fan of HOCs when they came out Chainable components Chainable components API Promises Anatomy of render prop components TypeScript async/await GitHub Gist Use cases Tool to share reusable code in React How long has this been in the works? With State Mapp Chain function Functional Programming Functional Programming in Scala by Paul Chiusano And much, much more! Links: Learning Objects React Chainable components TypeScript async/await GitHub Gist Functional Programming in Scala by Paul Chiusano Paul’s GitHub PaulGray.net Picks: Nader Viro React Expo blog Paul The Great Interior Design Challenge Little Tikes Red Car Special Guest: Paul Gray.
RRU 011: Simple React Patterns with Lucas Reis
Panel: Charles Max Wood Cory House Special Guests: Lucas Reis In this episode of React Round Up, the panel discusses simple React patterns with Lucas Reis. Lucas works as a senior front-end developer at Zocdoc and previously worked in Brazil for an ecommerce company called B2W. He recently wrote a blog post about simple React patterns that really took off and became popular on the web. They talk about this blog post, what defines a successful pattern, and then they discuss the different patterns that he has discovered in his years of React programming. In particular, we dive pretty deep on: Lucas intro Tries to write blog posts as much as possible Simple React Patterns blog post React What does he mean by “successful” patterns? Three things that define good patterns Define successful? The mix component The Container/Branch/View pattern First successful pattern he has found Separation of concerns Common concern: are we worried about mixing concerns? If/else Can you encapsulate in the view? Pattern matching React loadable You need to think of 3 states at least Higher-order component Render props And much, much more! Links: Zocdoc B2W Simple React Patterns blog post React Simple Made Easy by Rich Hickey Lucas’s GitHub Lucas’s Blog @iamlucasreis Picks: Charles FullContact Udemy Cory Fluent conf Immer Lucas Percy Be studying the languages and be inspired! Special Guest: Lucas Reis.
RRU 010: Best Practices with React and Redux with Samuel Mendenhall
Panel: Cory House Nader Dabit Special Guests: Samuel Mendenhall In this episode of React Round Up, the panel discusses best practices with React and Redux with Samuel Mendenhall. Samuel has been working in web development for the past five years and was recently working for Red Hat. They talk about what has led him to React, as well as some of the most common mistakes that people make in React. They also talk about the amazing power of TypeScript and when you may not want to use Redux. In particular, we dive pretty deep on: Sam intro jQuery, Backbone, and Angular React and React Native New role at Microsoft in commercial software engineering group Working a lot with React and tooling What have you learned since working with React? Shallow learning curve The concept of React is very simple What work did you do at Red Hat? Internal tooling What are some common mistakes people have made in React? Defensive programming Making sure functions are bound correctly He’s an advocate for using TypeScript The pros of using TypeScript Connect in React Connect will do shallow comparisons Redux When you shouldn’t use Redux When should Redux be used in a project? MobX And much, much more! Links: jQuery Backbone Angular React Red Hat React Native TypeScript Redux MobX @engineersamwell Sam’s GitHub Picks: Cory Transform.now.sh Plop js Nader React Amsterdam YouTube AWS AppSync AWS Amplify Sam Webpack Special Guest: Samuel Mendenhall.
RRU 009: Hot Reloading in Create React App with Dave Ceddia
Panel: Charles Max Wood Tara Manicsic Special Guests: Dave Ceddia In this episode of React Round Up, the panel discusses hot reloading with Create React App with Dave Ceddia. Dave is a React developer, blogs about React, and recently wrote a book called Pure React. They talk about what hot reloading is, when you would want to use it, and how you can set it up in your code. They also touch on ways to customize Create React App, the disadvantages to customizing, and the key points to understand about Create React App before modifying it. In particular, we dive pretty deep on: Dave intro What is the big picture behind hot module reloading? Create React App Webpack How do you set this up? You don’t need to eject Is there a certain point when you need to start taking advantage of hot reloading? Helps to use hot reloading from the beginning Resources to help with using hot reloading Dave article React app rewired Are there any changes you can make that won’t hot reload? Full page refreshes Why did Create React App not have this from the beginning? Having a skeleton that you can break Webpack HMR vs React-Hot-Loader by Mark Erikson Event handlers Are there other ways you can customize Create React App? Sass Key points to Create React App to understand Try to avoid modifying it if you can And much, much more! Links: React Dave’s Blog Pure React by Dave Ceddia Create React App Webpack Dave article React app rewired Webpack HMR vs React-Hot-Loader by Mark Erikson Sass @dceddia Dave’s GitHub DevChat.tv Patreon DaveCeddia.com/RoundUp Picks: Charles Star Realms Vail If you have an idea about a podcast, he is willing to hear them out JavaScript YouTube videos to come at DevChat.tv YouTube Tara Patreon Dave React Boston Indie Hackers Special Guest: Dave Ceddia.
RRU 008: The Framework Summit with Joe Eames
Panel: Tara Manicsic Nader Dabit Special Guests: Joe Eames In this episode of React Round Up, the panel discusses The Framework Summit with Joe Eames. Joe discusses the history behind the conference and how it came to be created. They really wanted to create a conference that would include all of the frameworks, especially those that are underrepresented in the programming community, like React. He touches on why he is passionate about this project, why it is important to be open to learning new things, and the overall format of the conference. In particular, we dive pretty deep on: The Framework Summit October 2-3, 2018 in Park City, Utah The history of the conference React Originally called the “Tri-conference” Frameworks play a major part in your code development “Religiousness” of which framework is the “right” or “wrong” one to use Opportunity to expose more people to new frameworks Comparing the frameworks The importance of being willing to learn new things Bursting “thought bubbles” Being open to change Merging communities and creating open dialogue Format of the conference Both single-track and multi-track Elm Vue Angular Great lineup already and it’s getting better Webflow Novel and unique talks What not to do when submitting talks And much, much more! Links: React The Framework Summit Elm Vue Angular Webflow @FrameworkSummit Picks: Tara Vue Vixens ngGirls Nader ViroReact Joe The 2018 Web Developer Roadmap by Brandon Morelli Role playing games - My Little Pony Special Guest: Joe Eames.
RRU 007: Breaking up with Higher Order Components with David Atchley
Panel: Charles Max Wood Nader Dabit Cory House Kent C Dodds Special Guests: David Atchley In this episode of React Round Up, the panel discuss breaking up with higher-order components with David Atchley. David has been doing software development for 24 years now and has worked mostly in web development. He has worked at many places from start-ups to large companies and does client work currently for Tandem.ly. They talk about what higher-order components and render props are and when you would want to use them to help you in your code. They also touch on overuse and misuse of applications and coding tools and the difference between using render props and HOCs. In particular, we dive pretty deep on: David intro What are higher-order components? What are render props? Higher-order components are patterned after higher-order functions Connect from React Redux React What are the use cases for higher-order components? Redux Would you suggest writing a render prop instead in certain situations? Deciding to use a HOC or a render prop depends on the situation Think critically about the applications you are using Kent’s Advanced React Component Patterns Egghead Course Difference between render props and HOCs Build an HOC out of a render prop if you want to share code Context API from React Concern with new Context API Problem with overuse How do you help people avoid overuse and misuse? Unstated library by James Kyle Start developing code at the local level React Native And much, much more! Links: Tandem.ly React Redux Kent’s Egghead Course Context API from React Unstated library by James Kyle React Native David’s GitHub @Tuxz0r Tandem.ly Medium Picks: Charles I’d Pay You $500,000 a Year, but You Can’t Do the Work by Shelly Palmer Liars by Glenn Beck Cory CodeSandbox Live Babel repl React Cheat Sheet Fluent Conf Nader Shoe Dog by Phil Knight Nader’s Blog Post Kent Answers to common questions about render props blog post React’s new Context API blog post React Composer Brandon Sanderson CodeSandbox Live David React, Inline Functions, and Performance by Ryan Florence Build Better Products by Laura Klein Special Guest: David Atchley.
RRU 006: Setting Up and Getting Used to Gatsby with Aman Mittal
Panel: Charles Max Wood Cory House Tara Manicsic Kent C Dodds Special Guests: Aman Mittal In this episode of React Round Up, the panel discuss setting up and getting used to Gatsby with Aman Mittal. Aman is a computer science graduate, has been working in web development for the past two years, and has worked with companies such as freeCodeCamp. He has been working with React for the past 6 months and started working with Gatsby in January of 2018. They talk about what Gatsby is, why you would want to use it, and what a simple Gatsby site would look like. In particular, we dive pretty deep on: Aman introduction What is your experience with React? Working with Gatsby because of a client What is Gatsby? Gatsby uses React Has become quite mature Why Choose Gatsby? Good with small and medium business clients Gatsby and PWAs Does it rely heavily on GraphQL? GraphQL is useful with Gatsby but it is not necessary What would a simple Gatsby site look like? Index component Has support for CSS and JS The distinction between a static site generator and a normal web app Is Gatsby interactive on the front-end? More mature than other static site generators Generate HTML files for all of your routes Gatsby gives you the best of both worlds Gatsby’s own website Workshop.me How would you suggest people get started with Gatsby? And much, much more! Links: freeCodeCamp React Gatsby GraphQL JavaScript Workshop.me Aman’s GitHub Aman’s Medium @Amanhimself Readingbooks.blog Picks: Charles Get involved in your local government Overcast Cory The Reusable JavaScript Revolution - talk by Cory House Console Log Article Building large scale react applications in a monorepo by Luis Vieira Tara React Videos on YouTube Channel Coco Kent Coco The Greatest Showman React Testing Library Netlify Aman Gatsby Themes The Southern Reach Trilogy by Jeff VanderMeer Special Guest: Aman Mittal.
RRU 005: Prisma and GraphCool with Nikolas Burk
Panel: Charles Max Wood Tara Manicsic Kent C Dodds Nader Dabit Special Guests: Nikolas Burk In this episode of React Round Up, the panel discusses Prisma and GraphCool with Nikolas Burk. Nikolas works as a developer at GraphCool, which is a small startup based in Berlin. Their latest product is Prisma, which is a GraphQL database proxy that turns your database into a GraphQL API. They talk about why you would want to use Prisma and the pros to utilizing GraphQL. They also touch on why they made GraphCool and Prisma open source so that more people could use it. In particular, we dive pretty deep on: Nikolas introduction What is GraphCool? Prisma Prisma is the core technology that is powering GraphCool Sequel databases How do you communicate differences to Prisma? Using GraphQL as the interface to the database GraphQL is much simpler GraphQL Schema Definition Language Why use Prisma? Prisma as the database layer Prisma is working on supporting more databases What are the steps from database to messing with GraphCool and Prisma? MongoDB Schema driven or Schema first development 2 GraphQL APIs Prisma services 3 types of clusters Prisma Cloud Boilerplate projects Why open source? And much, much more! Links: GraphCool Prisma GraphQL Schema Definition Language GraphQL MongoDB Prisma Cloud React @NikolasBurk NikolasBurk.com Picks: Charles Code Sponsor ReactDevSummit Get a Coder Job Course SimpleProgrammer.com @CMaxW T-Shirts to come Tara The Eccentricities of Hammer and Nail by Suz Hinton Mad Mattr Kent Polyfill.io Workshop.me Nader Workshop.me React Native Training React Native Radio Episode 90 Nikolas GraphQL Europe GraphQL Day The Beginner's Guide to ReactJS by Kent C Dodds Special Guest: Nikolas Burk.