From the course: React: Software Architecture
Unlock the full course today
Join today to access over 24,700 courses taught by industry experts.
Code splitting basics
From the course: React: Software Architecture
Code splitting basics
- [Instructor] Okay, so the next topic that we're going to move on to here is code splitting. Now, code splitting is another extremely important part of React applications when you want to maximize performance. Essentially what code splitting means is that instead of delivering all of our React code to the client at once, we deliver it in pieces as needed. What I mean by that is let's say again that we run an app that has let's say three pages. A Home page, an About page and an Articles page. When the client side actually receives and runs that code, that code contains the About and Articles page as well. So essentially what we have is just a lot of this code sitting idle that's just taking up bandwidth when the user actually loads our site. So code splitting again is a technique that we can use to relieve this problem a bit. And I'm going to show you how it works. So first of all, we're going to sort of rewind the…