RRU 043: Testing React Apps Without Testing Implementation Details with Kent C. Dodds

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.

10 Huhti 201845min

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.

3 Huhti 20181h 1min

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.

27 Maalis 20181h 8min

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.

20 Maalis 20181h 4min

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.

13 Maalis 201853min

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.

6 Maalis 20181h 8min