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)

Exploring Micro Frontend Architecture with Florian Rappel - RRU 283

Exploring Micro Frontend Architecture with Florian Rappel - RRU 283

Welcome to React Roundup, the podcast where we keep you updated on all things React related! In today's episode, we have an enlightening discussion featuring Paige Nedringhaus as host, our panelist TJ...

24 Tammi 202553min

React Component Tests for Humans with Miroslav Nikolov - RRU 282

React Component Tests for Humans with Miroslav Nikolov - RRU 282

On this episode of React Round Up we chatted with Miroslav Nikolov, a UI developer at one.com, about his approach to unit testing React components. Miroslav discussed writing components in a human-fri...

8 Tammi 202539min

Run NextJS and Node in the Browser ft. Eric Simons - RRU 281

Run NextJS and Node in the Browser ft. Eric Simons - RRU 281

Eric Simons joins the round-up to discuss the latest advancements made by StackBlitz that enables you to run NodeJS in the browser. Eric expands that to the work they've done with the NextJS team to r...

1 Tammi 202547min

All Things Voice Recognition and JavaScript with Ian Lavery - RRU 280

All Things Voice Recognition and JavaScript with Ian Lavery - RRU 280

Returning guest, Ian Lavery from Picovice.ai, joins the hosts to talk all things voice recognition. He dives into new languages the company has tackled over the last year (and what languages it plans ...

25 Joulu 202445min

React Ecosystem: Libraries, Tools, and Third-Party Integrations - RRU 279

React Ecosystem: Libraries, Tools, and Third-Party Integrations - RRU 279

In today's episode, Lucas and Peter dive deep into the world of front-end frameworks with a captivating discussion featuring PRANTA Dutta, a seasoned React Native developer. Pranta shares his journey ...

18 Joulu 202454min

Error Reporting and Bug Monitoring with James Smith - RRU 278

Error Reporting and Bug Monitoring with James Smith - RRU 278

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 prod...

11 Joulu 202444min

How to Structure Your React Projects - RRU 277

How to Structure Your React Projects - RRU 277

Akash Joshi Is a frequent blogger across many of the larger blogs across the internet.He joins the Round Up to share his opinions on how you should put your React applications together as well as some...

4 Joulu 202435min

Building Component Libraries with Kathryn Grayson Nanz - RRU 276

Building Component Libraries with Kathryn Grayson Nanz - RRU 276

Senior Frontend Engineer Kathryn Grayson Nanz joins the React Round Up team to talk about all things component libraries. Kathryn shares her experiences building not one but two component libraries, a...

27 Marras 202448min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
psykopodiaa-podcast
rss-rahapodi
mimmit-sijoittaa
rss-lahtijat
rahapuhetta
rss-porssipuhetta
rss-neuvottelija-sami-miettinen
rss-rahamania
rss-paasipodi
rss-porssipodi
ostan-asuntoja-podcast
oppimisen-psykologia
rss-strategian-seurassa
rss-h-asselmoilanen
rss-bisnesta-bebeja
rss-merja-mahkan-rahat
rss-inderes
rss-40-ajatusta-aanesta
rss-draivi