The SingleStore Portal UI project involved optimizing GraphQL queries, splitting the getInitialData query, fixing slowness in the 'Create Workspace' form, creating a custom hook to replace useQuery, making infrastructure changes, analyzing and lazy loading the bundle, setting up a React vendor chunk, treeshaking Lodash, and tracking load time via Mixpanel.
•8m read time• From singlestore.com
Table of contents
splitting-the-get-initial-data-query Splitting the getInitialData queryfixing-slowness-in-our-create-workspace-form Fixing slowness in our ‘Create Workspace’ formcreating-a-custom-hook-to-replace-the-use-query-hook-in-apollo-client Creating a custom hook to replace the useQuery hook in Apollo Clientlooking-for-infrastructure-changes Looking for infrastructure changesgzip-vs-brotli Gzip vs. Brotlianalyzing-the-bundle Analyzing the bundlelazy-loading Lazy loadingreact-vendor-chunk-setup React vendor chunk setupthe-magic-of-wildcard-imports The magic of wildcard imports!conclusion ConclusionSort: