RRU 043: Testing React Apps Without Testing Implementation Details with Kent C. Dodds
React Round Up25 Joulu 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.

Jaksot(310)

Building a Chatbot or Voicebot with Dialogflow in React ft. Victory Nwani - RRU 275

Building a Chatbot or Voicebot with Dialogflow in React ft. Victory Nwani - RRU 275

Victory Dumebi Nwani joins the round up to discuss integrating the Dialogflow from Google Cloud into your application to manage voice and chat capabilities for your application.Victory dives into the stack he used to put together a functioning app using that offering from Google.LinksIntegrating A Dialogflow Agent Into A React ApplicationDialogflow DocumentationA brief introduction to Chatbots with DialogflowDialogflow pricingLinkedIn: Victory NwaniGitHub: Nwani Victory ( vickywane )Twitter: Iamnwani ( @iamnwani01 )PicksJack- Resident Evil VillagePaige- Mario KartTJ- Toto BidetVictory- AWS CodeDeployBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

20 Marras 202440min

Transitioning a React Codebase from JSX to TypeScript ft. Priscila Oliveira and Mark Story  - RRU 274

Transitioning a React Codebase from JSX to TypeScript ft. Priscila Oliveira and Mark Story - RRU 274

Priscila Oliveira and Mark Story join the panel to discuss the recent transition at Sentry from vanilla JavaScript to React and TypeScript.The show starts out with the panelists nerding out over Sentry and how they use it, then they dive into the code transition and the things that they learned from their conversion to TypeScript.LinksSlow and Steady: Converting Sentry’s Entire Frontend to TypeScriptTwitter: Sentry ( @getsentry )Twitter: Mark Story ( @mark_story )Twitter: Priscila Oliveira ( @priscilawebdev )PicksJack- Power of saying "No"Mark- GitHub | neovim/nvim-lspconfigMark- GitHub | glepnir/lspsaga.nvimPriscila - GitHub | clauderic/dnd-kitTJ- DivvyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

14 Marras 202439min

Web Workers & Multi-threaded JavaScript with Majid Hajian - RRU 273

Web Workers & Multi-threaded JavaScript with Majid Hajian - RRU 273

Despite JavaScript being a single-threaded language, you can now leverage multi-threaded computing thanks to modern browser features such as web workers, workouts and service workers. In this show, Majid explains how these features work and what problems they solve. We also discuss the strategies you can use to introduce them to production codebases and give your users a much more enjoyable experience on your web app.LinksComlink makes WebWorkers enjoyableWorkboxFigmaThe AssemblyScript BookHoudini: Demystifying CSSPicksMajid - Follow Majid on Twitter > @mhadailyMajid - Deep Work - Cal NewportCarl - Off the Main Thread | The Web Platform PodcastCharles  - Natural Goat Milk Soaps for Healthy Skin — Goat Milk StuffCharles  - ‎Flip Timer & stopwatch on the App StoreCharles - Desktop tripodPaige - DJI Phantom 4 DronePaige - Ozark show on NetflixTJ - Goat-2-Meeting — Sweet FarmBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

6 Marras 20241h 1min

Creating Gatsby Source Plugins with Dillion Megida - RRU 272

Creating Gatsby Source Plugins with Dillion Megida - RRU 272

In today’s episode of React Round Up, Nigerian-based developer Dillion Megida explains how you can create source plugins for Gatsby, the static site generation tool. Gatsby can be used to create landing pages, blogs and e-commerce sites, among other things, and it contains a vast plugin ecosystem that helps developers avoid reinventing the wheel when creating their applications. Dillion also shares his experience blogging for websites such as LogRocket, FreeCodecamp and Dev.to and talks us through his workflow and how he comes up with new article ideas.LinksHow to Build a Gatsby Source Plugin, using Hashnode as an examplePaige NiedringhausGatsby Plugin LibraryTheWebFor5Web sharing APIA deep dive into queues in Node.jsgatsby-source-mediumHashnodeTwitter: Dillion Megida ( @iamdillion )Dillion Megida - Frontend Engineer and Technical WriterPicksCarl- BBQ tips Carl- JAMstacked newsletter Dillion- CypressPaige- Battery Chargers - OptiMateTJ- RemotionTJ- Remotion demoBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

30 Loka 202450min

Mastering Event Sourcing with Redux and Back-End Insights - RRU 271

Mastering Event Sourcing with Redux and Back-End Insights - RRU 271

In this episode, they dive deep into the world of event sourcing with special guest, Luis Galeas, CEO and founder of Ambar. Lucas Paganini, along with Chris and Peter explore the intricacies of event sourcing, comparing front-end implementations using Redux and back-end approaches, and highlighting the benefits, drawbacks, and practical applications.Luis shares his expertise on event sourcing, discussing how events act as the primary source of truth and the importance of understanding system boundaries for scalability. The conversation covers essential tools, frameworks, and strategies to effectively implement event sourcing in both your development processes and organizational strategies.Whether you're new to event sourcing or looking to deepen your understanding, this episode offers invaluable insights and practical advice to help you navigate this complex but rewarding architecture. Tune in to learn more about how event sourcing can transform your approach to managing application changes, ensuring scalability, auditability, and minimizing regressions. Don't miss out on this opportunity to hear from experts in the field and discover how to leverage event sourcing for your next big project!SocialsLinkedIn: Luis P Galeas Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

24 Loka 202443min

Is Working at a Large or Small Company Better for Your Career? - RRU 270

Is Working at a Large or Small Company Better for Your Career? - RRU 270

This week the panelists dive into their work backgrounds and discuss the ins and outs of working at small and large companies. They aim specifically at whether one is better than the other for building a career.PicksJack- Virtual CoffeePaige- Raspberry Pi Beginner's Guide 4th EditionTJ- RocketBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

16 Loka 202447min

React Hook Form with Vijit Ail - RRU 269

React Hook Form with Vijit Ail - RRU 269

React Hook Form is a terrific way to manage state in, from, and through, your forms in React. Since React itself doesn't give you much to manage forms, React Hook Form steps into the gap to help you manage your forms and provide features and functionality to your forms.Our guest, Vijit Ail worked through several of the options out there for managing states and walks the panel through his decision to use React Hook Form.LinksReact Hook FormRedux FormFormikBundlePhobiaTypeORMNestJSPicksJack- Nx: Smart, Extensible Build FrameworkTJ- Super Mario 3D WorldVijit- Microservices with Node JS and React | UdemyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

9 Loka 202432min

Clean Code with Tyler Hawkins - RRU 268

Clean Code with Tyler Hawkins - RRU 268

In today’s show, frontend engineer Tyler Hawkins shares his tips on how you can write clean, maintainable and readable code. Using the examples from his article on the same subject, he explains the importance of using clean code principles to make it easier for different developers to collaborate on a codebase. Tyler also discusses how you can better structure your tests and have more confidence in how they are written.LinksReact Clean CodeUse ternaries rather than && in JSXGitHub | getify/You-Dont-Know-JSClean Code With Unit TestsTyler Hawkins - Web PortfolioTyler Hawkins - MediumGitHub: Tyler Hawkins ( thawkin3 )LinkedIn: Tyler HawkinsTwitter: Tyler Hawkins ( @thawkin3 )PicksCarl- Time away from the screensJack- GitHub | pmndrs/jotaiTyler- Being Wrong: Adventures in the Margin of Error by Kathryn SchulzBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

2 Loka 202452min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
psykopodiaa-podcast
mimmit-sijoittaa
rss-rahapodi
puheenaihe
ostan-asuntoja-podcast
rss-rahamania
hyva-paha-johtaminen
pomojen-suusta
rss-startup-ministerio
rss-seuraava-potilas
rss-paasipodi
taloudellinen-mielenrauha
rss-lahtijat
rss-bisnesta-bebeja
herrasmieshakkerit
oppimisen-psykologia
rss-myyntipodi
rss-doulapodi
rss-markkinointitrippi