RRU 062: Image Lazy Loading in React
React Round Up21 Touko 2019

RRU 062: Image Lazy Loading in React

Sponsors Panel
  • Justin Bennett
  • Thomas Aylott
  • Dave Ceddia
Notes Today’s show has the panel discussing image lazy loading in React. Image lazy loading is the notion that images that are below the fold (rendered outside of your browser view when you initially load a page) are deferred and loaded later, so that your page loads faster. As you scroll down the page and things get close, then they are loaded in. This is a commonly suggested performance optimization, but often it doesn’t work well in React. The panelists talk about their experiences with lazy loading and different methods they’ve seen on other sites. They discuss the tradeoff between having a lot of images and slower loading and the importance of communicating with the design team. Since lazy loading is a unique challenge in React, they give recommendations for implementing lazy loading and tools for tracking site usage. They talk about dealing with JavaScript payloads, bundle and load splitting, and automating performance tracking. They discuss different performance tracking tools. The panelists address the NIH bias (Not Invented Here) and the trend that designers tend to be willing to pay money for good tooling, while engineers are cheap. There have been great improvements in the marketplace for good tools, so much so that oftentimes buying the tools is cheaper than making them yourself. They finish by discussing the pros and cons of building vs. buying and the future of the frontend. Links Follow DevChat on Facebook and Twitter Picks Justin Bennett: Thomas Aylott: Dave Ceddia:

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.

Jaksot(310)

Mastering Component Reusability with  Gilad Shoham - RRU 251

Mastering Component Reusability with Gilad Shoham - RRU 251

Gilad Shoham is a developer and open-source leader at Bit. They dive deep into the world of software development. They share insights on the shift from building R&D structures around applications to f...

20 Maalis 202455min

Exploring Functional Programming: Tools, Techniques, and Industry Insights - RRU 250

Exploring Functional Programming: Tools, Techniques, and Industry Insights - RRU 250

Lucas, Peter, and Chris delve into a fascinating discussion about functional programming, its application in the industry, and personal experiences working with related tools and technologies. From ex...

13 Maalis 202446min

Exploring Jotai: Atomic State Management in React - RRU 249

Exploring Jotai: Atomic State Management in React - RRU 249

Mohammad Bagher Abiyat is a senior full-stack developer & consultant. He is the co-founder of XQuad and Pheno Agency. They engage in a detailed discussion about Jotai, a library designed for atomic st...

28 Helmi 202437min

Material UI Matters: Unpacking the Flexibility and Accessibility of the Library - RRU 248

Material UI Matters: Unpacking the Flexibility and Accessibility of the Library - RRU 248

Dmitriy Kovalenko is a software engineer. They explore the practical considerations and implications of using UI systems such as Material UI and Radix for various web applications. They engage in insi...

21 Helmi 202445min

Gherkin with Chris Frewin from InClub - RRU 247

Gherkin with Chris Frewin from InClub - RRU 247

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, C...

7 Helmi 202436min

Assessing UI Libraries for Web Development Flexibility and Accessibility - RRU 246

Assessing UI Libraries for Web Development Flexibility and Accessibility - RRU 246

Chris, Lucas, and Peter dive into the world of UI libraries and the important considerations when selecting one for web development projects. They discuss the pros and cons of using popular libraries,...

31 Tammi 202433min

Unveiling 𝗥𝘅𝑓𝑥: Concurrency Control and Error Handling in User-Centered Development- RRU 245

Unveiling 𝗥𝘅𝑓𝑥: Concurrency Control and Error Handling in User-Centered Development- RRU 245

Dean Radcliffe is a senior software engineer at Optum. They explore the groundbreaking new library 𝗥𝘅𝑓𝑥, designed to revolutionize the handling of asynchronous effects in code for enhanced user ex...

24 Tammi 20241h 11min

React Tooling and Technology Stack Diversity - RRU 244

React Tooling and Technology Stack Diversity - RRU 244

Chris, Lucas, and Peter engage in a deep technical discussion about package managers, testing tools, and technology preferences in React projects. The conversation emphasizes the extensive tech stacks...

17 Tammi 202450min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
mimmit-sijoittaa
rss-rahapodi
psykopodiaa-podcast
rss-sisalto-kuntoon
ostan-asuntoja-podcast
rss-lahtijat
inderespodi
pomojen-suusta
rss-rahamania
rss-h-asselmoilanen
rss-startup-ministerio
taloudellinen-mielenrauha
rss-vaikuttavan-opettajan-vierella
rss-siksi-viestinta
herrasmieshakkerit
bakkari-tarinoita-tapahtumien-takahuoneista
rss-ammattipodcast
rss-huomisen-talous
rss-bisnesta-bebeja