React Round Up

Panel: Cory HouseNader 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 introjQuery, Backbone, and AngularReact and React NativeNew role at Microsoft in commercial software engineering groupWorking a lot with React and toolingWhat have you learned since working with React?Shallow learning curveThe concept of React is very simpleWhat work did you do at Red Hat?Internal toolingWhat are some common mistakes people have made in React?Defensive programmingMaking sure functions are bound correctlyHe’s an advocate for using TypeScriptThe pros of using TypeScriptConnect in ReactConnect will do shallow comparisonsReduxWhen you shouldn’t use ReduxWhen should Redux be used in a project?MobXAnd much, much more! Links: jQueryBackboneAngularReactRed HatReact NativeTypeScriptReduxMobX@engineersamwellSam’s GitHub Picks: Cory Transform.now.shPlop js Nader React Amsterdam YouTubeAWS AppSyncAWS Amplify Sam WebpackSpecial Guest: Samuel Mendenhall. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Panel: Charles Max WoodTara 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 introWhat is the big picture behind hot module reloading?Create React AppWebpackHow do you set this up?You don’t need to ejectIs there a certain point when you need to start taking advantage of hot reloading?Helps to use hot reloading from the beginningResources to help with using hot reloadingDave articleReact app rewiredAre there any changes you can make that won’t hot reload?Full page refreshesWhy did Create React App not have this from the beginning?Having a skeleton that you can breakWebpack HMR vs React-Hot-Loader by Mark Erikson Event handlersAre there other ways you can customize Create React App?SassKey points to Create React App to understandTry to avoid modifying it if you canAnd much, much more! Links: ReactDave’s BlogPure React by Dave CeddiaCreate React AppWebpackDave articleReact app rewiredWebpack HMR vs React-Hot-Loader by Mark EriksonSass@dceddiaDave’s GitHubDevChat.tv PatreonDaveCeddia.com/RoundUp Picks: Charles Star RealmsVailIf you have an idea about a podcast, he is willing to hear them outJavaScript YouTube videos to come at DevChat.tv YouTube Tara Patreon Dave React BostonIndie HackersSpecial Guest: Dave Ceddia. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Panel: Tara ManicsicNader 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 SummitOctober 2-3, 2018 in Park City, UtahThe history of the conferenceReact 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 useOpportunity to expose more people to new frameworksComparing the frameworksThe importance of being willing to learn new thingsBursting “thought bubbles”Being open to changeMerging communities and creating open dialogueFormat of the conferenceBoth single-track and multi-trackElmVueAngularGreat lineup already and it’s getting betterWebflowNovel and unique talksWhat not to do when submitting talksAnd much, much more! Links: ReactThe Framework SummitElmVueAngularWebflow@FrameworkSummit Picks: Tara Vue VixensngGirls Nader ViroReact Joe The 2018 Web Developer Roadmap by Brandon MorelliRole playing games - My Little PonySpecial Guest: Joe Eames. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Panel: Charles Max WoodNader DabitCory HouseKent 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 introWhat are higher-order components?What are render props?Higher-order components are patterned after higher-order functionsConnect from React ReduxReactWhat are the use cases for higher-order components?ReduxWould you suggest writing a render prop instead in certain situations?Deciding to use a HOC or a render prop depends on the situationThink critically about the applications you are usingKent’s Advanced React Component Patterns Egghead CourseDifference between render props and HOCsBuild an HOC out of a render prop if you want to share codeContext API from ReactConcern with new Context APIProblem with overuseHow do you help people avoid overuse and misuse?Unstated library by James KyleStart developing code at the local levelReact NativeAnd much, much more! Links: Tandem.lyReactReduxKent’s Egghead CourseContext API from ReactUnstated library by James KyleReact NativeDavid’s GitHub@Tuxz0rTandem.ly Medium Picks: Charles I’d Pay You $500,000 a Year, but You Can’t Do the Work by Shelly PalmerLiars by Glenn Beck Cory CodeSandbox LiveBabel replReact Cheat SheetFluent Conf Nader Shoe Dog by Phil KnightNader’s Blog Post Kent Answers to common questions about render props blog postReact’s new Context API blog postReact ComposerBrandon SandersonCodeSandbox Live David React, Inline Functions, and Performance by Ryan FlorenceBuild Better Products by Laura KleinSpecial Guest: David Atchley. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Panel: Charles Max WoodCory HouseTara ManicsicKent 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 introductionWhat is your experience with React?Working with Gatsby because of a clientWhat is Gatsby?Gatsby uses ReactHas become quite matureWhy Choose Gatsby?Good with small and medium business clientsGatsby and PWAsDoes it rely heavily on GraphQL?GraphQL is useful with Gatsby but it is not necessaryWhat would a simple Gatsby site look like?Index componentHas support for CSS and JSThe distinction between a static site generator and a normal web appIs Gatsby interactive on the front-end?More mature than other static site generatorsGenerate HTML files for all of your routesGatsby gives you the best of both worldsGatsby’s own websiteWorkshop.meHow would you suggest people get started with Gatsby?And much, much more! Links: freeCodeCampReact GatsbyGraphQLJavaScriptWorkshop.meAman’s GitHubAman’s Medium@AmanhimselfReadingbooks.blog Picks: Charles Get involved in your local governmentOvercast Cory The Reusable JavaScript Revolution - talk by Cory HouseConsole Log ArticleBuilding large scale react applications in a monorepo by Luis Vieira Tara React Videos on YouTube ChannelCoco Kent CocoThe Greatest ShowmanReact Testing LibraryNetlify Aman Gatsby ThemesThe Southern Reach Trilogy by Jeff VanderMeerSpecial Guest: Aman Mittal. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Panel: Charles Max WoodTara ManicsicKent C DoddsNader 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 introductionWhat is GraphCool?PrismaPrisma is the core technology that is powering GraphCoolSequel databasesHow do you communicate differences to Prisma?Using GraphQL as the interface to the databaseGraphQL is much simplerGraphQL Schema Definition LanguageWhy use Prisma?Prisma as the database layerPrisma is working on supporting more databasesWhat are the steps from database to messing with GraphCool and Prisma?MongoDBSchema driven or Schema first development2 GraphQL APIsPrisma services3 types of clustersPrisma CloudBoilerplate projectsWhy open source?And much, much more! Links: GraphCoolPrismaGraphQL Schema Definition LanguageGraphQLMongoDBPrisma CloudReact@NikolasBurkNikolasBurk.com Picks: Charles Code SponsorReactDevSummitGet a Coder Job CourseSimpleProgrammer.com@CMaxWT-Shirts to come Tara The Eccentricities of Hammer and Nail by Suz HintonMad Mattr Kent Polyfill.ioWorkshop.me Nader Workshop.meReact Native Training React Native Radio Episode 90 Nikolas GraphQL EuropeGraphQL DayThe Beginner's Guide to ReactJS by Kent C DoddsSpecial Guest: Nikolas Burk. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Panel: Charles Max WoodTara ManicsicKent 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 introductionWhat is the redux-bundler?He despises using behavioral componentsIf it can be local, keep it localDon’t bother the user if you don’t need toService Workers vs redux-bundlerMaking changes behind the scenesHe loves to build appsCan you see any case where it would be useful to have a Service Worker in the background?Redux-bundler exampleRedux-bundler worker exampleWhat are the pros and cons to using the redux-bundler?At what point do you need Redux?ReactHow did you get to the point to where you decided to make this bundler?Uses React as a glorified templating languageHe gets nervous when people start writing a lot of application codeSpeedy.giftEasier to use this from the beginningThis bundler is used to show patternsAnd much, much more! Links: React Dev SummitHuman JavaScriptRedux-bundlerRedux-bundler exampleRedux-bundler worker exampleReduxReactSpeedy.GiftHenrik’s blog@HenrikJoretegReduxbook.com coming soon Picks: Charles Black PantherDevChat.tv/15minutesReact Dev SummitDevChat.tvAdventures in AngularViews on Vue Tara Women Who CodeWomen Techmakers Kent International Women’s DayGirl Develop ItApplication State Management blog postTools without config blog postConcerning toolkits blog post Henrik AnkiPartial JSDeviate by Beau LottoSpecial Guest: Henrik Joreteg. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Panel: Charles Max WoodNader DabitKent C DoddsCory 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 patternsDownshiftEgghead courseWhat makes it advanced?Requires taking a step back and think about your components a little differentlyIs there a React Native version?ReactRender prop patternsCode abstraction or code re-useWhy Downshift is powerfulCan use regular HTML and CSS with DownshiftAllows you to be in charge of renderingWhat 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 RepoDownshift is highly accessiblejQuery UI@MarcySuttonRender props reduce the amount of opinion that component hasChoosing render props gives the consumer more power as well as more responsibilityRender props are best used with open source projectsAnd much, much more! Links: React Dev SummitDownshiftEgghead CourseReact NativeReactAwesome React Render Props GitHub RepojQuery UI@MarcySuttonKent’s GitHubKent’s Website (with links to courses) Picks: Charles Kent’s blogHogwarts Battle Board GameTake time to write leisure codeSign up for React Dev Summit with code KentCDodds for 10% off Cory Manorisms YouTube Videos Kent React Component ComponentWinamp2-jsHis NewsletterBeyond React 16 by Dan AbramovSpecial Guest: Kent C. Dodds. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Panel: Charles Max WoodNader DabitCory 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 SummitWhat is Webpack?Juho’s Webpack book: SurviveJSReactHow can someone get into learning about Webpack if they’re not from a React background?It’s all about the contents behind WebpackHow popular is Webpack and how large is it?You don’t need to read all 400 pages of his bookIs there a certain way to write with Webpack?You can learn things as you go with WebpackHow to approach code using WebpackHow new updates with change the philosophy behind WebpackIt’s good for Webpack to have pressure from the outsideThere is no reason to use a newer tool if it already works in an older toolAre there particular plug-ins that you use in Webpack that you really like?HTML plug-inReact NativeInteresting Webpack project usesJuho’s GitHubDecreasing need to be a Webpacker expertAnd much, much more! Links: React Dev SummitWebpackSuviveJSReactReact NativeJuho’s GitHubNGconfReact Finland Conference Picks: Charles React Dev SummitView on Vue PodcastThe Whole-Brain Child by Daniel J. Siegel and Tina Payne BrysonScott Beebe Nader React blogpostReady Player One by Ernest Cline Cory The Knowledge Project Podcast Juho JAMstackSpecial Guest: Juho Vepsäläinen. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome 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 ReactAngular beginningsReact NativeReact Native TrainingReact JS ConsultingNode developer beginningsBackbone to ReactRuby backgroundHow to get into React yourselfLearn things in the right orderReact-HowtoBeginners Guide to ReactJSYou Don’t Know JS, ES6, and Beyond by Kyle SimpsonCodeSandbox.ioES6Get comfortable with JavaScript firstBiggest mistake people make when learning about reactES6 and Beyond WorkshopReact CommunityHow did the panel learn ES6?And much, much more! Links: React Native Training React JS ConsultingReact-HowtoBeginners Guide to ReactJSYou Don’t Know JS, ES6, and Beyond by Kyle SimpsonCodeSandbox.ioES6 and Beyond WorkshopTara’s Twitter and GitHubCory’s Twitter, Medium Blog, and BitNative BlogNader’s Twitter, Medium, GitHub, React Native Training Blog, React Native Training YouTubeKent’s Twitter and GitHubCharles’ Twitter and DevChat.tv Picks: Charles React Course on PluralsiteReact Dev Summit 2018Ready Player One Tara JazzCon#toshmagosh Nader Viro MediaAWS AppSync Kent DogsNitin Tulswani Cory Node TipReact: The Big PictureReact RallyAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.