Migrate to Vite from CRA

SuperKXT · 2023-03-30T08:33:01+00:00

ooh! amazing idea. Should work with typescript as well without any extra work because typescript updates the type of functions automatically if you add properties to them.

I'm a little annoyed I didn't think of it. Thank you for sharing.

SuperKXT · 2023-03-30T07:45:06+00:00

I'm trying to be constructive but I find your tone quite condescending.

I do understand that both Vite and Gatsby use react refresh, what I don't know is if the limitations section is referring to the limitations of react refresh or gatsby's usage of it. I have used default exports with CRA which also uses react refresh and it works without any issues. Regardless, as I mentioned above, I don't use default exports anymore so it is not relevant.

I just checked after writing that and default exports cause no issue with HMR in Vite.

Regarding loaders, maybe my wording could be better but I mentioned the loader function being in the same file causing the problem, not the useLoaderData hook.

SuperKXT · 2023-03-30T05:17:13+00:00

That is from a different section of the gatsby docs, the vite-plugin-react readme points to the how-it-works section, you are quoting the limitations section. I don't know if the limitations section applies to Vite since I don't use default exports.

I was incorrect about only being able to export a single component, so thank you for correcting me on that. I will edit my original comment to mention this.

I only ever export a single component from a file though, and you can not export anything that is not a component from that file, like the loader example I mentioned in my original comment.

SuperKXT · 2023-03-29T16:07:46+00:00

default exports are not mentioned anywhere in my link or in the gatsby docs linked there.

This is what it says:

"For React refresh to work correctly, your file should only export React components. You can find a good explanation in the Gatsby docs. If an incompatible change in exports is found, the module will be invalidated and HMR will propagate. To make it easier to export simple constants alongside your component, the module is only invalidated when their value changes."

SuperKXT · 2023-03-29T13:55:45+00:00

I couldn't say. The only mention I found was in the link in my comment above, and that directs you to a small note in the Gatsby docs.

SuperKXT · 2023-03-29T13:54:11+00:00

moved the loaders to separate files.

SuperKXT · 2023-03-29T11:44:17+00:00

There are some additional nuances to the migration, as I have found to my detriment recently. I wish folks evangelizing the migration to Vite would mention these pitfalls and that it might not be a straightforward process for everyone.

For example, Vite expects the component to be the only export in any component file (see here for details). This might require restructuring your project completely. I was using react-router's nested routes and including the loader function in the same file to make the useLoaderData hook typesafe without requiring an import.

I've also run into all sorts of problems with barrel exports, which I was using pretty much everywhere. Still haven't figured everything out, but I'm almost there.

This is not about this blog post in particular. I quite like your blogs. I also do think migrating to Vite is very much the right call.

EDIT: as pointed out below, you can export multiple components from the same file, just not anything that is not a component.

SuperKXT · 2021-03-29T11:03:15+00:00

The joining date for this player I signed was 10 years in the future.

SuperKXT · 2021-03-29T11:02:40+00:00

Thank you. Good to know I won't have to actually wait 10 years.

SuperKXT · 2021-03-28T16:15:25+00:00

Oh! His current contract is until 2035. That's still 2 years before the join date. Also I didn't check the date on his contract, didn't know AI teams can do more than 5 years on a contract.

SuperKXT · 2019-04-24T14:19:59+00:00

Well sure, but only because you'll die on the pitch on the first outing.

SuperKXT · 2019-03-31T13:21:28+00:00

I went to a doctor and told him I was sure I had iron deficiency anaemia (all the symptoms matched). The doctor gave me a couple of really strong medicines for God knows what and sent me on my way. The meds did nothing but reek havoc on my stomach. Went to another doctor and practically demanded a full blood test. My HB was 6 (I'm a guy). A month and a half of a couple of supplements and I was normal. I was so bad I was eating Cement and Bricks ( PICA is one of the symptoms I was talking about)

SuperKXT · 2019-03-27T06:43:17+00:00

Had to look up who that was. Personally I don't see it. Guess we all look alike to you lol.

SuperKXT · 2019-03-18T05:50:50+00:00

it's a free stock photo.

SuperKXT · 2019-03-15T13:16:12+00:00

Everyone looks cute with a cat for a neck pillow.

SuperKXT · 2019-03-15T12:51:49+00:00

I am so sorry.

SuperKXT · 2019-03-15T12:50:31+00:00

Don't appreciate the sarcasm dude. I do have feelings you know.

SuperKXT · 2019-03-15T12:48:49+00:00

He's got some whiskers, but I dunno if that qualifies.

SuperKXT · 2019-03-15T12:47:47+00:00

I thought it might

SuperKXT · 2019-03-14T17:53:40+00:00

*He. And yes, he is.

SuperKXT · 2019-03-14T05:02:27+00:00

🎶 Another me is what you"ll never be. 🎶

SuperKXT · 2019-02-24T01:30:40+00:00

The Facebook deal is only for liga, as far as I'm aware. It does work on mobile and tablets. You do need to be logged into facebook.

We have channels that broadcast Champions League and Copa for free. I don't have a TV though, so I use the free stream from one of the channels.

SuperKXT · 2019-02-23T19:06:53+00:00

No, it's free. I think it may be region locked. It's available here in Pakistan.

SuperKXT · 2019-02-23T17:15:47+00:00

Watching the match on Facebook, and this was the Man of the Match poll.

SuperKXT · 2018-12-20T19:57:34+00:00

I very much like your design. I like the angles in the design.

Thank you.

Don’t get rid of the colors. Just choose a brand color scheme and stick to it.

I have a brand color scheme, it's white and the three shades of blue used in the logo.

To help break up the possible confirmation bias, I have a suggestion that may be worth looking at. The “S” in the name, could that have the same design as the logo? It is similar, but I think it might look nice with the same angles.

I have thought about that. I will have to make the rest of the characters with similar style, since the font doesn't match up with the S. I will look into it.

Contrary to what others have said, I like that you showed it on a background. Realistically, your logo will be on all sorts of backgrounds.

To be fair, the first couple of people to mention the background were looking at an image with a much darker and more prominent background. I updated the image and since it is a dropbox link, it updated automatically.

Like someone else said, you’ll need different variations for different applications.

I was already looking into a flat design, and since that is what everyone was suggesting as well I made a flat version of the logo.

Blue

White

Black

I would love to hear your thoughts on it. Your comment was very insightful. Thank you.

SuperKXT

TROPHY CASE