RRU 078: The Uncanny Valley with Håkon Krogh
React Round Up10 Sep 2019

RRU 078: The Uncanny Valley with Håkon Krogh

Episode Summary Today’s guest is Håkon Krogh, and the panel is discussing his talk on lightning fast SSR React apps given at React Amsterdam. He gives a brief overview and defines his use of the Uncanny Valley (called the Valley of Lies in his talk). In this instance, the Uncanny Valley in programming occurs when everything in a website or application looks great, but none of the buttons work or users simply can’t connect. This is especially common when users try to connect to a site or app with their cell phone rather than a computer. The panel discusses what can be done. It’s important to begin by measuring the lag in your applications. Designing the progressive loading experience first is suggested as a solution, as well as organizing what loads first and using React and HTML for different parts of the app. It’s important to realize that some tools don’t work in every situation. The panel talks about the merits of Next.js. Next they talk about what kinds of applications require SSR that make the loading slow. They discuss the importance of SEO ratings and how it can affect your rank in a Google search. Services like Lighthouse can give you an SEO rating so that you can improve. Håkon and the panel talk about other ways to improve on the Uncanny Valley. It’s important to make sure that users have a way to use your site even if they’re stuck in the Uncanny Valley. One way to do this is to provide fallbacks so that if your React isn’t working, the site is still usable. They discuss the merits of micro frontends, using SSR for only part of the app, and reducing bundle size. Unfortunately there is no silver bullet, so solutions will vary by what you’re building. In spite of these setbacks, one of the great features of React is you don’t have to do everything in React. They discuss the emerging idea of shipping different JavaScript for different things and talk about some of the React-like alternatives available. Bridging the Uncanny Valley is vital because it is the reason many people are afraid of their computers, and a good user experience can make people gravitate towards your product. The show concludes with Håkon talking about things in the React community that are piquing his interest. Panelists
  • David Ceddia
  • Thomas Aylott
With special guest: Håkon Krogh Sponsors
  • Sustain Our Software
  • Sentry use the code “devchat” for 2 months free on Sentry’s small plan
  • GitLab | Get 30% off tickets with the promo code: DEVCHATCOMMIT
Links Follow DevChatTV on Facebook and Twitter Picks David Ceddia: Thomas Aylott: Håkon Krogh: Special Guest: Håkon Krogh.

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.

Avsnitt(310)

RRU 124: What's New in React with Shawn Wang

RRU 124: What's New in React with Shawn Wang

In this episode of React Round Up, we talked with Shawn Wang, a prolific React author, speaker and teacher, about the future of React. We discussed what’s new in React Core, the React routing world, React DevTools (webpack, rollup, parcel, etc), CSS, and a whole lot more. Panel TJ VanToll Guest Shawn Wang Sponsors Raygun | Click here to get started on your free 14-day trialAudible.comCacheFly Links Beyond React 16 by Dan Abramov – JSConf IcelandConcurrent React from scratchReact testing recipesReact Distrosand The Deployment Age of JavaScript Frameworkshttps://github.com/vitejs/viteTypeScript cheatsheets Picks TJ VanToll: Fall GuysDevReach Online Shawn Wang: Transistor.fmCobra Kai Follow React Round Up on Twitter > @reactroundupSpecial Guest: Shawn Wang. 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 Nov 202031min

RRU 123: React Query, React Table, the TanStack and More with Tanner Linsley

RRU 123: React Query, React Table, the TanStack and More with Tanner Linsley

In this episode of React Round Up, Tanner Linsley, co-founder of startup Nozzle.io, and most known lately for his OSS project React Query, joins the panel today to discuss how he was inspired to create React Query to simplify data-fetching and state management in React applications. Just a few months after releasing React Query to the dev community, it’s already making waves and garnering the attention of notable React thought leaders and large companies alike, and part of the secret to Tanner’s success is that the majority of his popular OSS projects come from him needing to solve a need for his company, Nozzle.io. Learn about if React Query (or other projects) might be something to incorporate into your own React applications, as well as tips for getting involved in (and making the case for) working on OSS projects. Panel Paige NiedringhausTJ VanToll Guest Tanner Linsley Sponsors Faithlife | Now Hiring Software DevelopersRaygun | Click here to get started on your free 14-day trialAudible.comCacheFly Links Tanner’s startupReact Query siteImportant defaultsAxios Github and documentationTanner’s JSConf Hawaii talk Picks TJ VanToll: Lilo & Stitch The Series Paige Niedringhaus: Meguiar’s Natural Shine Protectant for car interiors: Tanner Linsley: The Umbrella Academy on Netflix, ZustandReact Query Essentials Course Follow React Round Up on Twitter > @reactroundupSpecial Guest: Tanner Linsley. 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 Okt 202050min

RRU 122: Error Reporting and Bug Monitoring with James Smith

RRU 122: Error Reporting and Bug Monitoring with James Smith

In this episode of React Round Up we chatted with James Smith from Bugsnag. We talked about the importance of error monitoring and reporting, and how to actually implement those workflows in your production apps. James shared a number of tips for React developers, like what are the most common errors and how you can help prevent them (hint: linters help a lot). We also got into mobile, and what developers can do to protect against third-party SDK errors. Panel TJ VanToll Guest James Smith Sponsors Faithlife | Now Hiring Software DevelopersRaygun | Click here to get started on your free 14-day trialAudible.comCacheFly Picks TJ VanToll: https://www.amazon.com/What-Doesnt-Kill-Environmental-Conditioning James Smith: Fall Guys Follow React Round Up on Twitter > @reactroundupAdvertising 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 Okt 202047min

RRU 121: DeFi-ing Expectations in React with Alex Thomas

RRU 121: DeFi-ing Expectations in React with Alex Thomas

In this episode of React Round Up, we talk with Alex Thomas, an open source enthusiast with hundreds of npm packages to his name. We talk about moving from React Native to React, and Alex’s prolific work in the open source world. We also chat about Ethereum, and Alex’s background in the decentralized finance world.. Panel Paige NiedringhausTJ VanTollThomas Aylott Guest Alex Thomas Sponsors Faithlife | Now Hiring Software DevelopersAudible.comCacheFly Links react-native-quietSofia Github repoGitcoin Picks Thomas Aylott: Once Upon a Word: A Word-Origin Dictionary for Kids―Building Vocabulary Through Etymology, Definitions & Stories TJ VanToll: The Floor is Lava3.5mm Headphone Extension Cable, CableCreation 3.5mm Male to Female Stereo Audio Extension Cable Adapter with Gold Plated Connector Paige Niedringhaus: Ultimate Beastmaster on Netflix Alex Thomas: https://harrypotterwithguns.com/ Follow React Round Up on Twitter > @reactroundupSpecial Guest: Alex Thomas. 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.

6 Okt 202053min

RRU 120: Building An Internal Component Library With Dana Yudelevich

RRU 120: Building An Internal Component Library With Dana Yudelevich

In this episode of React Round Up, Dana Yudelevich shares her experiences of building internal component libraries. Dana explains in detail how she has built components in her previous jobs and the challenges she has faced in maintaining them. She also talks about how you can stand out at your current job by setting goals for yourself and becoming a “do-veloper” Panel Paige NiedringhausCarl Mungazi Guest Dana Yudelevich Sponsors Faithlife | Now Hiring Software DevelopersRaygun | Click here to get started on your free 14-day trialAudible.comCacheFly Links https://snyk.io/Atomic design methodologyTwitter article on Componentshttps://storybook.js.orgGood article on snapshot testing by Kent C DoddsPercy.io – visual review platformBecoming a DO-veloperUsing Percy with Cypresshttps://www.npmjs.com/package/classnames Picks Dana Yudelevich: http://1linelayouts.glitch.me/ Carl Mungazi: diff.blog is the home page for developershttps://github.com/bradtraversy/vanillawebprojects Paige Niedringhaus: Grill Rescue – The World’s Best Grill Brush Follow React Round Up on Twitter > @reactroundupSpecial Guest: Dana Yudelevich. 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.

29 Sep 202055min

RRU 119: Building Web and Mobile Apps with Ely Lucas

RRU 119: Building Web and Mobile Apps with Ely Lucas

Ionic’s own Ely Lucas joins the React Round Up panel to discuss building the Ionic framework to work with React under the hood. Ely talks through how the team’s been hard at work making Ionic easy to pick up for any JavaScript developer with experience in React, as well as some of the benefits it can provide over straight React or React Native. Some of the biggest benefits are having just one shared codebase to power iOS, Android, Electron and PWAs, access to React Hooks and over 100 ready-to-use, easy to customize UI components on install. If you’ve heard about Ionic but want to learn more about it, and it’s newest offering Ionic React, this is the episode for you. Panel Paige NiedringhausCharles Max Wood Guest Ely Lucas Sponsors Audible.comRaygun | Click here to get started on your free 14-day trialCacheFly Links ionicframework.comhttps://stenciljs.com/Ionic React documentationWeb animations API documentationIonic’s Capacitor.js projectcodecanyon.nethttps://ionicframework.com/docs/react/your-first-apphttps://ionicframework.com/docs/react/your-first-apphttps://ionicframework.com/blog/testing-ionic-react-apps-with-jest-and-react-testing-library/ Picks Ely Lucas: Tiny Habits Charles Max Wood: LegendaryHigh Performance Habits Paige Niedringhaus: Traeger Grills Follow React Round Up on Twitter > @reactroundupSpecial Guest: Ely Lucas. 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.

22 Sep 202050min

RRU 118: Creating Live Trippy Visuals with WebGL and Web Audio with Alex Kempton

RRU 118: Creating Live Trippy Visuals with WebGL and Web Audio with Alex Kempton

In this episode of React Round Up, Alex Kempton joins us to talk about Hedron, a tool he built for enhancing live audio shows with cool visuals. We chat about MIDI, WebGL and web audio, and how Alex wrapped those all up into an app he uses for live performances. Panel TJ VanTollThomas Aylott Guest Alex Kempton Sponsors Audible.comCacheFly Links HedronMIDI APIhttps://workshop.chromeexperiments.com/examples/gui/#1–Basic-Usagethree.js exampleshttps://github.com/react-spring/react-three-fiberWeb audio APIhttps://twitter.com/polyopukReact-three-fiber Picks Alex Kempton: Just JavaScript TJ VanToll: Stratechery Thomas Aylott: roamresearch.com Follow React Round Up on Twitter > @reactroundupSpecial Guest: Alex Kempton. 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.

15 Sep 202059min

RRU 117: Making Frontend Developers Fullstack with Prisma with Nikolas Burk

RRU 117: Making Frontend Developers Fullstack with Prisma with Nikolas Burk

In this special episode of React Round Up, guest Nikolas Burk delves into the Prisma database and why it’s worth checking out. Panel James Brenton Guest Nikolas Burk Sponsor CacheFly Links www.prisma.io Picks Nikolas Burk: Follow Nikolas on Twitter > @nikolasburkPrisma Day RecordingsChess app James Brenton: Scrabble® GO – New Word Game Follow React Round Up on Twitter > @reactroundupSpecial 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.

8 Sep 202048min

Populärt inom Business & ekonomi

badfluence
framgangspodden
varvet
rss-jossan-nina
uppgang-och-fall
rss-svart-marknad
bathina-en-podcast
rss-borsens-finest
24fragor
lastbilspodden
svd-tech-brief
avanzapodden
dynastin
rss-kort-lang-analyspodden-fran-di
fill-or-kill
affarsvarlden
rss-dagen-med-di
borsmorgon
kapitalet-en-podd-om-ekonomi
tabberaset