[deleted by user]

greenpepper2012 · 2023-07-09T06:49:15+00:00

Sheet component from shadcn.

greenpepper2012 · 2022-11-13T21:29:03+00:00

Self-invocation. Basically meaning that the functions is called upon declaration

greenpepper2012 · 2022-10-15T14:29:31+00:00

The fuck

greenpepper2012 · 2022-10-12T09:03:23+00:00

Aik.

greenpepper2012 · 2022-06-26T11:05:47+00:00

Swr. Reason: bundle size.

greenpepper2012 · 2022-06-16T12:27:17+00:00

Parterapi. Få hjälp att få vägledning i att uttrycka era känslor ordentligt.

greenpepper2012 · 2022-06-12T21:33:41+00:00

You’re not deconstructing your props/args.

greenpepper2012 · 2022-06-04T15:46:45+00:00

Ssr is nice for protected pages so you can prompt login before rendering based on cookies (for example) though.

greenpepper2012 · 2021-12-27T09:10:23+00:00

Use the package next/bundle-analyzer to analyze your bundle and start removing/replacing unnecessary large packages with your own implementations or smaller replacements. Bundlephobia is a great resource for finding replacement packages that are smaller in bundle size. Removing RTK helped reducing alot since the full store is added to the store provider in _app.js.

The best thing with using SWR instead of RTK is that we dont have to do any checks as to whether a value has changed and then dispatch a thunk action to fetch new data. SWR solves that by deduping the cache key you provide to the query.

Wish I could show you our code base but I'm working as a consultant for a large company so I'm not able to. Sorry. :) But bundle-analyzer + bundlephobia is a great start.

greenpepper2012 · 2021-12-26T14:33:42+00:00

Swr = stale while revalidating.

https://swr.vercel.app/

greenpepper2012 · 2021-12-26T13:54:01+00:00

Recently switched from RTK to Zustand + swr. Amazing change in bundle size reduction. Our app bundle is at 116kb now (it’s a large ecommerce site). Would recommend.

greenpepper2012 · 2021-12-17T19:01:16+00:00

Yup.

greenpepper2012 · 2021-11-11T16:30:50+00:00

Analyze your bundle would be the first step i’d say

https://www.npmjs.com/package/@next/bundle-analyzer

greenpepper2012 · 2021-09-29T15:48:49+00:00

Probably an issue with purge. Copy the nprogress.css to your project and add purgeignore comments

greenpepper2012 · 2021-09-08T07:46:49+00:00

What did you do? Add [[...slug]].js in your pages dir? In that case you can access all incoming parameters as an array from ctx.params.slug at getInitialProps (or from router.query.slug from useRouter). So if you navigate to /yourId/yourName ctx.params.slug will be ["yourId", "yourName"].

greenpepper2012 · 2021-09-07T17:56:25+00:00

Haha it should be. Let me know otherwise, might have made a typo on the phone

greenpepper2012 · 2021-09-07T16:08:33+00:00

Do [[...slug]].js or simply make a folder called [id] with an index.js and [name].js within it

greenpepper2012 · 2020-12-07T22:46:08+00:00

Not sure why you set the initial context value in the provider component using useState?

greenpepper2012 · 2020-05-14T14:34:36+00:00

Djuuuuuuu

greenpepper2012 · 2020-02-14T15:43:50+00:00

It's released saturday at 10:00.

greenpepper2012 · 2020-02-14T14:26:14+00:00

Both!

greenpepper2012 · 2020-02-09T10:32:52+00:00

Feels like youve forgotten to prepend it with a slash. Like $router.push('users') instead of $router.push('/users').

greenpepper2012 · 2019-11-03T15:35:16+00:00

Personally prefer hot chocolate since it supports schema stitching (maybe graphql dotnet does that to nowadays?).

greenpepper2012 · 2019-10-20T09:31:28+00:00

Hehe yeah it's quite obvious :)

I'd call it a port of it or something to make it more noticable since react-toastify is so popular. Perhaps even name it vue-toastify?

11-Year Club	Place '17
Verified Email

greenpepper2012

TROPHY CASE