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)

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

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

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

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

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

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

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

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

2 Loka 202452min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
psykopodiaa-podcast
rss-rahapodi
mimmit-sijoittaa
rss-lahtijat
rahapuhetta
rss-draivi
rss-neuvottelija-sami-miettinen
rss-rahamania
rss-porssipuhetta
rss-bisnesta-bebeja
rss-paasipodi
rss-porssipodi
syo-nuku-saasta
pomojen-suusta
sijoituspodi
juristipodi
rss-paatos-podcast-suomen-kovimmat-paatoksentekijat-2
rss-seuraava-potilas
rss-40-ajatusta-aanesta