React Round Up

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.

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
• Kent C Dodds

Special Guests: Henrik Joreteg In this episode of React Round Up, the panel discusses redux-bundler with Henrik Joreteg. Henrik spoke at the first Node Conf, leans towards progressive web apps and single-page apps, and recently has gotten into independent consulting. He also has written a book called Human JavaScript and is working on his second book right now. They talk about his redux-bundler on GitHub and the ability to make changes behind the scenes without having to bother the user. He gives a general background on why he created the bundler and how you can use it in your programming to make your life easier. In particular, we dive pretty deep on:

• Henrik introduction
• What is the redux-bundler?
• He despises using behavioral components
• If it can be local, keep it local
• Don’t bother the user if you don’t need to
• Service Workers vs redux-bundler
• Making changes behind the scenes
• He loves to build apps
• Can you see any case where it would be useful to have a Service Worker in the background?
• Redux-bundler example
• Redux-bundler worker example
• What are the pros and cons to using the redux-bundler?
• At what point do you need Redux?
• React
• How did you get to the point to where you decided to make this bundler?
• Uses React as a glorified templating language
• He gets nervous when people start writing a lot of application code
• Speedy.gift
• Easier to use this from the beginning
• This bundler is used to show patterns
• And much, much more!

Links:

• React Dev Summit
• Human JavaScript
• Redux-bundler
• Redux-bundler example
• Redux-bundler worker example
• Redux
• React
• Speedy.Gift
• Henrik’s blog
• @HenrikJoreteg
• Reduxbook.com coming soon

Picks: Charles

• Black Panther
• DevChat.tv/15minutes
• React Dev Summit
• DevChat.tv
• Adventures in Angular
• Views on Vue

Tara

• Women Who Code
• Women Techmakers

Kent

• International Women’s Day
• Girl Develop It
• Application State Management blog post
• Tools without config blog post
• Concerning toolkits blog post

Henrik

• Anki
• Partial JS
• Deviate by Beau Lotto

Special Guest: Henrik Joreteg.

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
• Kent C Dodds
• Cory House

In this episode of React Round Up, the panel discusses advanced component patterns and Downshift. They talk about different component patterns, especially render prop patters, and the fact that Downshift allows for your components to be much more useful generally for more people. They also note that the render prop patterns can help to separate logic from view, which makes things easier to develop. In particular, we dive pretty deep on:

• Component patterns
• Downshift
• Egghead course
• What makes it advanced?
• Requires taking a step back and think about your components a little differently
• Is there a React Native version?
• React
• Render prop patterns
• Code abstraction or code re-use
• Why Downshift is powerful
• Can use regular HTML and CSS with Downshift
• Allows you to be in charge of rendering
• What other places is the render prop pattern useful?
• What is the benefit of using a react component over a JS component?
• Awesome React Render Props GitHub Repo
• Downshift is highly accessible
• jQuery UI
• @MarcySutton
• Render props reduce the amount of opinion that component has
• Choosing render props gives the consumer more power as well as more responsibility
• Render props are best used with open source projects
• And much, much more!

Links:

• React Dev Summit
• Downshift
• Egghead Course
• React Native
• React
• Awesome React Render Props GitHub Repo
• jQuery UI
• @MarcySutton
• Kent’s GitHub
• Kent’s Website (with links to courses)

Picks: Charles

• Kent’s blog
• Hogwarts Battle Board Game
• Take time to write leisure code
• Sign up for React Dev Summit with code KentCDodds for 10% off

Cory

• Manorisms YouTube Videos

Kent

• React Component Component
• Winamp2-js
• His Newsletter
• Beyond React 16 by Dan Abramov

Special Guest: Kent C. Dodds.

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

Special Guests: Juho Vepsäläinen In this episode of React Round Up, the panel discusses Webpack the good parts with Juho Vepsäläinen. He talks a lot about the book he has written on Webpack, which helps people understand Webpack and how to work with it. They also discuss the advantages to using Webpack and discuss how you can use it in your coding to your benefit. In particular, we dive pretty deep on:

• For 10% off, use “Juho” to sign up for React Dev Summit
• What is Webpack?
• Juho’s Webpack book: SurviveJS
• React
• How can someone get into learning about Webpack if they’re not from a React background?
• It’s all about the contents behind Webpack
• How popular is Webpack and how large is it?
• You don’t need to read all 400 pages of his book
• Is there a certain way to write with Webpack?
• You can learn things as you go with Webpack
• How to approach code using Webpack
• How new updates with change the philosophy behind Webpack
• It’s good for Webpack to have pressure from the outside
• There is no reason to use a newer tool if it already works in an older tool
• Are there particular plug-ins that you use in Webpack that you really like?
• HTML plug-in
• React Native
• Interesting Webpack project uses
• Juho’s GitHub
• Decreasing need to be a Webpacker expert
• And much, much more!

Links:

• React Dev Summit
• Webpack
• SuviveJS
• React
• React Native
• Juho’s GitHub
• NGconf
• React Finland Conference

Picks: Charles

• React Dev Summit
• View on Vue Podcast
• The Whole-Brain Child by Daniel J. Siegel and Tina Payne Bryson
• Scott Beebe

Nader

• React blogpost
• Ready Player One by Ernest Cline

Cory

• The Knowledge Project Podcast

Juho

• JAMstack

Special Guest: Juho Vepsäläinen.

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 Nader Dabit Kent C. Dodds Cory House Special Guests: None In this episode of React Round Up, the panel discusses how they each got into React and they provide some great resources for people who want to learn more about React and what it’s all about. They emphasize the fact that React is a very straightforward language and can be used relatively painlessly with a little bit of learning before jumping in. In particular, we dive pretty deep on:

• How each of the panelists got into React
• Angular beginnings
• React Native
• React Native Training
• React JS Consulting
• Node developer beginnings
• Backbone to React
• Ruby background
• How to get into React yourself
• Learn things in the right order
• React-Howto
• Beginners Guide to ReactJS
• You Don’t Know JS, ES6, and Beyond by Kyle Simpson
• CodeSandbox.io
• ES6
• Get comfortable with JavaScript first
• Biggest mistake people make when learning about react
• ES6 and Beyond Workshop
• React Community
• How did the panel learn ES6?
• And much, much more!

Links:

• React Native Training 
• React JS Consulting
• React-Howto
• Beginners Guide to ReactJS
• You Don’t Know JS, ES6, and Beyond by Kyle Simpson
• CodeSandbox.io
• ES6 and Beyond Workshop
• Tara’s Twitter and GitHub
• Cory’s Twitter, Medium Blog, and BitNative Blog
• Nader’s Twitter, Medium, GitHub, React Native Training Blog, React Native Training YouTube
• Kent’s Twitter and GitHub
• Charles’ Twitter and DevChat.tv

Picks: Charles

• React Course on Pluralsite
• React Dev Summit 2018
• Ready Player One

Tara

• JazzCon
• #toshmagosh

Nader

• Viro Media
• AWS AppSync

Kent

• Dogs
• Nitin Tulswani

Cory

• Node Tip
• React: The Big Picture
• React Rally

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.