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)

Nx and Next.js Apps in 2022 with Jack Hsu - RRU 174

Nx and Next.js Apps in 2022 with Jack Hsu - RRU 174

Nx is here to make your life easier. In this episode, Paige and TJ talk with Jack Hsu, a developer whose Nrwl and Nx expertise is blowing us away with how streamlined things can be. “It’s nice for everyone to see what’s going on, not just the core developers.” - Jack Hsu In This Episode 1) What beginners NEED to know to get started with Nx this year 2) Why you’ll LOVE using a Monorepo in 2022 to maintain your sanity 3) The BIG 2022 trends around Next.js, Nx, and Nrwl you ought to know Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Links Painlessly Build and Deploy Next.js Apps With Nx | by Jack Hsu | Nrwl Jack HsuGithub: Jack Hsu ( aysoo ) Picks Jack- IdeaVimPaige- Watch Snowpiercer | Netflix Official SiteTJ- YouTube TVSpecial Guest: Jack Hsu.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsRaygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.

2 Mars 202250min

CSS Properties with Colby Fayock - RRU 173

CSS Properties with Colby Fayock - RRU 173

Let’s help you invest in your new CSS Property. (Get it?) In this episode, Jack and Paige sit down with CSS property extraordinaire, Colby Faycock, for React Roundup Round 2! They all discuss how to make CSS get along with React and others, what awesome things Cloudinary does, and how to properly enter the CSS world if you’re a React user. “React and CSS are two different concepts, but they can definitely play nicely.” - Colby Fayock In This Episode 1) How to make CSS properties play nice with JavaScript and React 2) The BEST way for React users to enter the CSS world in 2022 3) Why companies like Cloudinary are showcasing THIS awesome part of CSS properties Sponsors Top End DevsCoaching | Top End Devs Links How to Create CSS Custom Properties That Dynamically Update with React & JavaScript - Space Jelly 1-Line Layouts Picks Colby- OzarkJack- Micro State Management with React HooksPaige- Watch 1883 Season 1 | Prime Video - Amazon.comSpecial Guest: Colby Fayock.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.

23 Feb 202246min

From Court Rooms to WebGL with Mikael Petersen - RRU 172

From Court Rooms to WebGL with Mikael Petersen - RRU 172

Could a flight attendant or lawyer become a developer? You bet! In this episode, the React Roundup team talks with Mikael (Mickey) Petersen, a flight attendant turned lawyer turned developer who believes your background doesn’t define you. They all discuss what you NEED to know about WebGL and canvasses, the pros and cons of Svelte vs. React, and the biggest developments that you should already be following. “I realized my passion is between problem solving and creativity. Coding is a creative outlet, and I always love learning new stuff.” - Mikael (Mickey) Petersen In This Episode 1) Why Mickey believes ANYONE can become a developer regardless of their background 2) What you NEED to know about working with WebGL and canvasses in React this year 3) How Svelte is an EXCELLENT choice for starting out (but why React is better at higher levels) 4) The BIGGEST developments in 2022 that you oughta be following by now Links Three.js with React Hooks Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Picks Jack- Plastic bags to organize your houseMikael- Wheel of Time (14 book series)Paige- Watch Don't Look Up | Netflix Official SiteTJ- Pokémon Legends: ArceusSpecial Guest: Mikael Petersen.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsRaygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.

16 Feb 202241min

Fully Stacked with Mike Alche - RRU 171

Fully Stacked with Mike Alche - RRU 171

Wanna forget the back-end and only focus on the front? Too bad. In this episode, the React team sits down with Mike Alche, a developer whose full-stack approach reminds us why you need both ends to succeed. They discuss the power of tRPC, what led Mike to AdonisJS (and why it should be more popular), and Mike’s go-to tips for becoming a master at API testing. “As develops, we love building products, but we need a place to put it. The back end’s not as trendy as the front end. That’s what ‘full stack’ means—everything together.” - Mike Alche In This Episode What apps catch Mike’s attention, which ones he skips, and his wisdom to know the differenceWhy tRPC can accelerate your coding and make end-to-end type safe APIs a breezeHow a need for documentation led Mike to AdonisJS (and why he thinks it should be more popular than its competitors)Mike’s go-to tips for testing your APIs efficiently (and the crucial differences between front- and back-end) Picks Jack- Disney's Encanto: A Magical WorldMike- Watch The Hand of God | Netflix Official SitePaige- Leadership and Self-Deception: Getting Out of the BoxTJ- Wordle - A daily word gameSpecial Guest: Mike Alche.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsRaygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.

2 Feb 202241min

Next Steps for Next JS with Tom Norton - RRU 170

Next Steps for Next JS with Tom Norton - RRU 170

Next JS is next in line, but are you ready for it? In this episode, the Roundup rascals team up with Tom Norton, a software developer who’s as excited about Next JS as they are. They discuss the pros and cons, why it’s superior to apps like Gatsby, and why Tom believes studying accessibility is PARAMOUNT for the future. “Get ready for some opinions.” - Tom Norton In This Episode Tom’s unadulterated (but optimistic!) opinions on Next JS (and what his totally-scientific tests discovered) What Tom and Paige agree on that’s not ideal about Gatsby (and why Next is growing fast) Why Tom believes that studying accessibility features will determine the future of programming Tom’s BIGGEST pet peeves with React native and which libraries he uses as workarounds Sponsors Top End DevsCoaching | Top End Devs Links GitHub: Tom Norton ( tn12787 )Next.js 12 Performance Test: Builds Appear to be Slower, Not Faster Picks Jack- Marie Kondo Cleaning MethodPaige- Electric BlanketPaige- Watch Tiger King | Netflix Official SiteTJ- An Ember in the Ashes Book SeriesTom- Chat UITom- Animating React animationsSpecial Guest: Tom Norton.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.

26 Jan 202244min

Libraries and State Machines in 2022 - RRU 169

Libraries and State Machines in 2022 - RRU 169

A new year brings new libraries and state machines, so if you’d rather not be confused, this episode’s for you. In this one, the team covers React’s most significant improvements, how to avoid losing your mind over state machines, and what libraries to peruse in 2022. In This Episode Why React’s improvements made THIS feature irrelevant for most cases The team’s solution for people wanting more than just juggling API’s all day (and why it’s a big win for storage and data migration) If you’re into spreadsheets, we bet you’ll LOVE using THIS library Want to learn a new, intuitive library in 2022? Jack’s got you covered How to avoid the NIGHTMARE of complication with state machines Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Links useSWRReact QueryRTK Query Overview | Redux ToolkitRecoilJotaiZustand GitHub - pmndrs/valtio Akita | Reactive State Management Effector Picks Jack- AirPods Max - ApplePaige- Watch The Witcher | Netflix Official SiteTJ- Sonic the HedgehogSponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsRaygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.

19 Jan 202250min

The Great Gatsby with Queen Raae - REACT 168

The Great Gatsby with Queen Raae - REACT 168

Interested to learn more about this “Great Gatsby”? How does it differ from others, and where is the industry headed? Time for a meeting with the Queen! In this episode, the React team sits down with Queen Benedicte Raae, a software developer and overall coding wizard. They discuss the ONE feature of Gatsby that makes it so beginner friendly, what Queen Raae learned from her years of Wordpress and web building, and where they believe the conversation of “no-code vs code everything” is headed. “If you need something content-heavy, Wordpress can be exactly what you need. But if you’re trying to make an application, you need something more intense. The internet is splitting between no-code vs ‘code everything’ solutions.” Benedicte Raae In This Episode The ONE feature of Gatsby that makes the whole system so easy AND customizable for users (which you can start using today!) What Benedicte learned from Wordpress, Jekyll, and web building (and how it led her to Gatsby) Benedicte’s feelings toward Javascript in 2022 (hint-hint: it’s laser-focused on something…) Instead of websites trying to do everything on their own, the roundtable discusses why software is headed in THIS direction (which is the biggest drawback of Wordpress) Sponsors Top End DevsCoaching | Top End Devs Links Queen Raae's Royal PlaygroundGitHub - catdad/canvas-confetti: 🎉 on-demand confetti gun@raae/gatsby-plugin-let-it-snow - npmCarrdSanity5 Gatsby Gotchas to look out for as React developerOslohistorier Picks Raae- Yoga With AdrienePaige- The Matrix moviesTJ- Hawkeye on Disney PlusSpecial Guest: Benedicte Raae .Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.

12 Jan 202245min

Nailing Your Interview with Paige Niedringhaus - REACT 167

Nailing Your Interview with Paige Niedringhaus - REACT 167

So, you’ve followed up with a recruiter and have an interview scheduled tomorrow. Not sure what to do next besides print your resume? Don’t fret! In this episode, the guys sit down with Paige Niedringhaus to discuss the fundamentals of nailing your interview. They lay out the interview red flags that should scare you to your core, how to escape the “application blackhole”, and why the “STAR Method” is incredible for leaving an awesome impression. “If you don’t feel like you qualify, apply anyway. If it sounds interesting, just apply.” Paige Niedringhaus In This Episode: For real, though: Bootcamp or CS degree? The interview red flags that should make you run far, far away Why Paige focuses on her post-interview recovery and how to never take rejection personally How Paige escaped the “application blackhole” and stood out from her colleagues If you want to make a compelling argument for your experience, use the “STAR Method” to leave the interviewer asking for more Links Mentioned: Svelte Kit - https://kit.svelte.dev/ Rich Harris hired to Vercel - Vercel welcomes Rich Harris, creator of Svelte – Vercel Lit HTML - lit-html Roundtable Picks: TJ - Motion One library : https://motion.dev/ Jack - Crafting Interpreters book - https://craftinginterpreters.com/ Paige - Recharts.js chart library: https://recharts.org/en-US/ Connect with Paige: Website: https://www.paigeniedringhaus.com/ Twitter: twitter.com/pniedri 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.

5 Jan 202250min

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
avanzapodden
affarsvarlden
rss-kort-lang-analyspodden-fran-di
dynastin
fill-or-kill
kapitalet-en-podd-om-ekonomi
svd-tech-brief
borsmorgon
rss-dagen-med-di
rss-inga-dumma-fragor-om-pengar