rsnext/examples/with-redux-code-splitting
2021-01-19 07:28:54 +00:00
..
config Upgrade to Prettier 2 (#13061) 2020-05-18 15:24:37 -04:00
containers Upgrade to Prettier 2 (#13061) 2020-05-18 15:24:37 -04:00
pages Add prettier for examples directory (#5909) 2018-12-17 17:34:32 +01:00
.gitignore Added .gitignore to examples that are deployed to vercel (#15127) 2020-07-16 10:52:23 -04:00
package.json Ensure all examples are MIT licensed (#16691) 2020-08-29 22:32:35 -04:00
README.md Include utm_source on example links to vercel.com (#21305) 2021-01-19 07:28:54 +00:00

Redux with code splitting example

Redux uses single store per application and usually it causes problems for code splitting when you want to load actions and reducers used on the current page only.

This example utilizes fast-redux to split Redux's actions and reducers across pages. In result each page's javascript bundle contains only code that is used on the page. When user navigates to a new page, its actions and reducers are connected to the single shared application store.

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example with-redux-code-splitting with-redux-code-splitting-app
# or
yarn create next-app --example with-redux-code-splitting with-redux-code-splitting-app

Deploy it to the cloud with Vercel (Documentation).