How to Use React.lazy

React 16.6.0 introduced React.lazy, which allows you to code-split using the new Suspense API.

Siddharth Kshetrapal came out with a great video showing how this works in 60 seconds. I’d recommend watching it –– it’s really well-done.

I’ve built a Github clone based off of Siddharth’s example. Hopefully this will help people who prefer reading to watching videos, or who to be walked through it step…




Software engineer. Opinions are my own. ~

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

React JS learning Guide for 2021 | Perfect Guide For Beginners

Enhancing API Gateway through Openresty and Lua

The7 — Website and eCommerce Builder for WordPress

Vue Theme — Theme for Visual Studio Code inspired by Vue.js

Adding “Human” touch to testing (vue) app.

Part 1 — Facebook chatbot with Heroku webhook

How to Deploy Node Js App to DigitalOcean/AWS Production Server using PM2 | Part 1

Find the Nearest Location in a React Way

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Mae Capozzi

Mae Capozzi

Software engineer. Opinions are my own. ~

More from Medium

Simple And Easy Login Screen Integration

Environment Variables and how to set them

how to set up environment variables

3 reasons you should be using ES6 Proxy for higher-order functions

“Flat” Promises for Reactive Code