React Round Up

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.