Skip to content

Details

This is the first monthly ReactATL meetup for September.

Schedule:
7:00 pm Zoom meeting will start.
7:15 pm to 7:45 pm The talk
7:45 pm to 8:00 pm Chit chat and questions.

Topic: Progressive Imaging & Handling in WebPack
Abstract: Lazy loading is a procedure that suspends the loading of non-critical resources at page load time, lazy loading of images, which can bring great savings in terms of speed, but it is also easy to execute incorrectly. fetching images and rendering to the client can be done in many ways but people often make lots of mistakes in this section.

Again, I will explain and describe some techniques to "occupy" space for an image before it is loaded, going from just displaying a blank area to displaying a progressive loading from a blurry image, exactly how Spotify, Google, and Facebook achieve this.

Lastly, we would go into analyzing the size of the image which would be rendered to the client using Webpack.

The major key takeaways from this session are, best-practices for fetching and rendering images, using intersession observer, auditing images, best practices in lazy-loading in relation to Spotify, Facebook & Google, and Analyzing images size using Webpack.

Our Speaker: Shodipo Ayomide (@developerayo) is a Senior Developer Advocate, Program Manager & Community Evangelist who also contributes to a lot of open-source projects over on GitHub, he also runs some major communities like unStack Africa, Developers Circles Lagos from Facebook, Open Source Community Africa, DevRel Collective and NaijaHacks driving Nigeria & Africa forward in Technology globally, he is an international speaker who has spoken at several conferences over time in various locations across countries, in his free time he loves to, Read, see a movie and occasionally play video games, Loves Travelling to new countries, communicating/working with the developer community across the world.

Location: Online Zoom Meeting (RSVP to see link)
Meeting ID: 810 2678 8048
Passcode: 752417

Interested in Speaking? Want to show off your React project or talk about a React-related technology? Let us know!

Members are also interested in