RRU 043: Testing React Apps Without Testing Implementation Details with Kent C. Dodds
React Round Up25 Dec 2018

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

Panel:
  • Lucas Reis
  • Justin Bennett
  • Charles Max Wood
Special Guest: Kent C. Dodds In this episode, the panelist talk with today’s guest, Kent C. Dodds who works for PayPal, is an instructor, and works through open source! Kent lives in Utah with his wife and four children. Kent and the panel talk today about testing – check it out! Show Topics: 0:00 – Kendo UI 0:32 – Chuck: Hello! My new show is TheDevRev – please go check it out! 1:35 – Panel: I want all of it! 1:43 – Chuck: Our guest is Kent C. Dodds! You were on the show for a while and then you got busy. 2:06 – Guest. 3:09 – Panel: The kid part is impressive. 3:20 – Guest: Yeah it’s awesome, but the kid part is my wife! 4:09 – Panel: 10 years ago we weren’t having any tests and then now we are thinking about how to write better tests. It’s the next step on that subject. What is your story with tests and what sparked these ideas? 4:50 – Guest. 7:25 – Panel: We have a bunch of tests at my work. “There is no such thing as too many tests” are being said a lot! Then we started talking about unit tests and there was this shift. The tests, for me, felt cumbersome. How do I know that this suite of tests are actually helping me and not hurting me? 8:32 – Guest: I think that is a valuable insight. 11:03 – Panel: What is the make-up of a good test? 11:13 – Guest: Test every line – everything! No. 11:19 – Chuck: “Look at everything!” I don’t know where to start, man! 11:30 – Guest: How do you avoid those false negatives and false positives. 15:38 – Panel: The end user is going to be like more of integration test, and the developer user will be more like a unit tester? 16:01 – Guest: I don’t care too much of the distinction between unit and integration tests. 18:36 – Panel: I have worked in testing in the past. One of the big things that fall on the users’ flow is that it’s difficult b/c maybe a tool like Selenium: when will things render? Are you still testing things in isolation? 19:33 – Guest: It depends. When I talk about UI integration testing I am still mocking the backend. 23:10 – Chuck: I am curious, where do you decide these are expensive (so I don’t want to do too many of them), but at what point is it worth it to do it? 23:30 – Guest mentions the testing pyramid. 28:14 – Chuck: Why do you care about confidence? What is confidence and what does it matter? 28:35 – FreshBooks! 29:50 – Guest. 32:20 – Panel: I have something to add about the testing pyramid. Lucas talks about tooling, Mocha, JS Dong, and more! 33:44 – Guest: I think the testing pyramid is outdated and I have created my own. Guest talks about static testing, LINT, Cypress, and more! 35:32 – Chuck: When I was a new developer, people talked about using tests to track down bugs. What if it’s a hairy bug? 36:07 – Guest: If you can, you can use this methodical approach... 39:46 – Panel: Let’s talk about the React library for a little bit? Panel: Part of the confidence of the tests we write we ask ourselves “will it stand the test of time?” How does the React Testing library go about to solve that? 41:05 – Guest. 47:51 – Panel: A few more questions. When you are getting something and testing and grabbing the label by its text have you found that to be fragile? Is it reasonably reliable? 48:57 – Guest: Yeah this is a concern and it relies on content. 53:06 – Panel: I like this idea of having a different library. Sometimes we think that a powerful tool is better, but after spending some time with other tools that’s not always the case. 54:16 – Guest: “You tie your hands to free your mind.” It does less but what it does less it does better. 55:42 – Panel: I think that with Cypress, too? 55:51 – Guest: Yeah that’s why Cypress is great to use. 57:17 – Panel: I wrote a small library here at work and it deals with metrics. I automated all of those small clicks – write a bit – click a bit – and it was really good. I felt quite efficient. Those became the tests. 57:58 – Panel: One more question: What about react Native? That comes up a lot. At looking at testing libraries we try to keep parody between the two. Do you have any thoughts on that? 58:34 – Guest talks about React Native. 1:00:22 – Panel: Anything else? It’s fascinating to talk about and dive-into these topics. When we talk about confidence that is very powerful, too. 1:01:02 – Panelist asks the last question! 1:01:38 – Guest: You could show them the coverage support. Links: Sponsors: Picks: Lucas Justin Charles Kent Special Guest: Kent C. Dodds.

Advertising Inquirie

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Avsnitt(310)

All Astro with Fred Schott - RRU 198

All Astro with Fred Schott - RRU 198

Today we talk with Fred Schott , the co-creator of Astro, a web framework focused on improving performance. Built around island architecture, it leverages HTML over javascript where it’s an option. Astro is a great option for those who focus on content, marketing, or personal blogs, and it is a great option to use with React. In this episode we talk about when it makes sense to use Astro, and how to implement it. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksastro.new Astro | Build faster websitesAstro LoungeTwitter: @FredKSchottTwitter: @astrodotbuildPicksFred- Over the Garden WallJack- Pizza: The Ultimate Cookbook Featuring More Than 300 Recipes (Italian Cooking, Neapolitan Pizzas, Gifts for Foodies, Cookbook, History of Pizza)TJ- The Vergecast PodcastAdvertising 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.

21 Sep 202250min

The Controversies Panelist Episode - RRU 197

The Controversies Panelist Episode - RRU 197

In today's all panelist episode we address web development controversies: state management tools, CSS in JS, GraphQL or REST, and, of course, tabs versus spaces. And the rule is: there's no saying "It depends." Listen to the panelists take hard line stances on things that matter (and things that don't), and try to defend their choices. It's a fun episode for everyone, and we'd love to hear about your own controversial coding decisions.  SponsorsTop End DevsCoaching | Top End DevsLinksDiscord - A New Way to Chat with Friends & CommunitiesPicksJack- Solo StovePaige- BULLET TRAINTJ- Portal Companion Collection for Nintendo Switch - Nintendo Official SiteAdvertising 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.

14 Sep 202254min

Gherkin with Chris Frewin from InClub - RRU 196

Gherkin with Chris Frewin from InClub - RRU 196

Today we talk with Chris Frewin, a full-stack software engineer at private experience startup InClub, located in Zurich, Switzerland.  Involved with all coding aspects, from the back-end, mobile app, CMS, and everything in-between, we learn about the challenges of being a solo developer at a startup.  We learn a lot about Gherkin, the format for cucumber specifications. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksHomeGherkin SyntaxJest10 Minute Tutorial - Cucumber DocumentationDetoxcypress.ioThe Clean Code BlogAdvanced Code Organization Patterns: The Case For One Function Per FileOne Year as the Chief Technology Officer at InClubStructure and Interpretation of Test Cases - Kevlin HenneyChris' Full Stack BlogPicksChris- The Lean Startup: How Today's Entrepreneurs Use Continuous Innovation to Create Radically Successful BusinessesChris- The Complete Isaac Asimov's Foundation Series Books 1-7 (Foundation, Foundation and Empire, Second Foundation, Foundation's Edge, Foundation and Earth, Prelude to Foundation, Forward the Foundation)Jack- Millennium Falcon™ 75192 | Star Wars™ | Buy online at the Official LEGO® Shop USPaige- Amazon.com : plastic wrap dispenser with cutterTJ- Amazon.com: Amazon GoAdvertising 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.

7 Sep 202240min

Ancillary Skills Associated with Web Development - RRU 195

Ancillary Skills Associated with Web Development - RRU 195

In today’s all-panelist episode, we discuss many ancillary skills that you might be tempted to avoid learning but are very beneficial to know.  Included in the conversation are CSS, DNS & HTTP, caching, API styles, knowing how to interact with back ends and databases, and command line. SponsorsTop End DevsCoaching | Top End DevsLinksDiscord - A New Way to Chat with Friends & CommunitiesPicksJack- Watch Day Shift | Netflix Official SitePaige- Star Trek: Deep Space Nine - Watch Full Episodes - CBS.comTJ- Only Murders in the BuildingAdvertising 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.

31 Aug 202247min

Next.js, Remix and Xata with Atila Fassina - RRU 194

Next.js, Remix and Xata with Atila Fassina - RRU 194

In today’s episode we talk with Atila Fassina, a developer experience engineer working at Xata.  As a fan of both, Atila compares Next.js and Remix, comparing their similarities and differences.   We also talk about how Xata makes dealing with databases more comfortable.  This server-less database, which is hidden behind an API, provides users with some nice abstractions, such as instant migrations, and analytics and a search engine right out of the box.  Our discussion includes partial routing, Remix mutations, and layout RFC. SponsorsTop End DevsCoaching | Top End DevsLinksThe Go-To Serverless Database | XataAuthor Atila Fassina - Smashing MagazineLayouts RFCRFC: Layouts · Discussion #37136 · vercel/next.jsJoin the Xata Discord Server!Atila − Web DevelopmentTwitter: @AtilaFassinaPicksAtila- Watch The Sandman | Netflix Official SiteJack- The BearPaige- Amazon.com : cooking spray bottleAdvertising 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.

24 Aug 202249min

Navigating the Management Route with Tommy Groshong - RRU 193

Navigating the Management Route with Tommy Groshong - RRU 193

Today’s guest, Tommy Groshong, walks us through some questions to consider when thinking about pursuing a higher-level role.  After a second go-around into management, we get some insight into how the culture can be very different at higher levels and the importance of having good questions to ask.  We talk about two separate tracks you could pursue based on your skills and desires, and how to handle the requirements of management and stay connected with your coding craft and new trends in the industry. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksDiscord - A New Way to Chat with Friends & CommunitiesTommyGroshong.comTwitter: @tgroshonPicksJack- Westworld | Official Website for the HBO Series | HBO.comPaige- Outlander SeriesTJ- Only Murders in the BuildingTommy- Should I See This Movie?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.

17 Aug 202251min

Islands Architecture with Jack Herrington - RRU 192

Islands Architecture with Jack Herrington - RRU 192

Jack leads us through some of the history of how we got to where we are with client side rendering, and how island architecture helps to reduce the workload handled on the client-side.   We talk process and tips on transitioning to Islands Architecture, and in the process talk about BUN, Fresh, and other island architecture frameworks. SponsorsTop End DevsCoaching | Top End DevsLinksIslands Architecturefresh - The next-gen web framework.AstroBun is a fast all-in-one JavaScript runtimeEleventy, a simpler static site generatorThe 4 things it takes to be an expertPicksJack- MacBook Pro 13-inchPaige- Top Gun | Official Website | Now Playing Only In TheatresTJ- Summoning SaltAdvertising 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 Aug 202248min

Bedrock Layout with Travis Waith-Mair - RRU 191

Bedrock Layout with Travis Waith-Mair - RRU 191

Today we talk with Travis Waith-Mair, a senior software engineer at Plex, and creator of Bedrock Layout Primitives library.  Bedrock layout allows you to build a complex layout without with reusable components without needing to be an expert at the underlying CSS.  We talk about the success of his library, and along the way discuss Lerna, a tool for JS Monorepos, and the AVO (Attributes Verbs and Objects) and method.SponsorsTop End DevsCoaching | Top End DevsLinks- Top End DevsOverview / Bedrock Layout Primitives - Page ⋅ StorybookDocumentation | LernaTravis Waith-Mair - MediumGitHub: Travis Waith-MairTwitter: @travisWaithMairPicksPaige- Formula 1: Drive to SurviveTJ- Join Bytes - Your weekly dose of JavaScriptTravis- Only Murders in the BuildingAdvertising 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 Juli 202247min

Populärt inom Business & ekonomi

framgangspodden
varvet
badfluence
uppgang-och-fall
svd-ledarredaktionen
rss-borsens-finest
avanzapodden
rss-kort-lang-analyspodden-fran-di
lastbilspodden
rss-dagen-med-di
rikatillsammans-om-privatekonomi-rikedom-i-livet
fill-or-kill
borsmorgon
affarsvarlden
tabberaset
dynastin
kapitalet-en-podd-om-ekonomi
market-makers
rss-inga-dumma-fragor-om-pengar
borslunch-2