Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Client: Chunk admin tools #368

Open
TiE23 opened this issue Apr 27, 2019 · 0 comments
Open

Client: Chunk admin tools #368

TiE23 opened this issue Apr 27, 2019 · 0 comments
Assignees
Labels
enhancement New feature or request

Comments

@TiE23
Copy link
Owner

TiE23 commented Apr 27, 2019

Use code chunking to reduce the bundle size for student accounts.

Chunking away the admin tools first I believe would be a great start as they are easily avoidable.

User/Question/Feedback pages.
Question editor/creator page.

Using import promises and create-react-app build functionality:
https://www.youtube.com/watch?v=ejSxCMPWZ84
A bit simple and specific, would require modifying many files

Using WebPack and getComponent prop in routes:
https://www.youtube.com/watch?v=hurp86gBtI0
Seems a little confusing, and I'm not sure it'd be easy to do without ejecting the project first.

Using React v16.6 Lazy Load:
https://www.youtube.com/watch?v=tV9gvls8IP8
https://itnext.io/async-react-using-react-router-suspense-a86ade1176dc
https://reactjs.org/docs/code-splitting.html#route-based-code-splitting
This definitely seems the best, modify the routes instead, but does require an upgrade to React v16.6.

@TiE23 TiE23 added the enhancement New feature or request label Apr 27, 2019
@TiE23 TiE23 added this to the Client: Structure milestone Apr 27, 2019
@TiE23 TiE23 self-assigned this Apr 27, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant