search

nightwolfz / inferno-starter

Inferno+Mobx starter project
MIT License
139 stars 19 forks source link

way too big template size in prod mode #36

Open ghost opened 6 years ago

ghost commented 6 years ago

I'm new in react like libraries, i'm using angular for 2 years now, and i was curious how to make even better and faster thing. (I have created many component of my own, i didn't like the template system, as it's growing the js size)

I'm not sure how react is working, but your app seems to me very big to me.

I have generated a source-map-explorer result by picking the build. (I have checked the prod version) I have a feeling it's not minified, webpack can be configured better.

It would be very good, if there would be any comparison on the inferno site, regarding to the bundle size.

image

Looking at the angular the 404.js for example. It throws me that in prod mode the 400 bytes goes to 4KB somehow. Angular is more predictable in this way, if the template size is small, than you should get smaller result, but in this case i don't know what happens. I have used typescript and i have bigger templates on my android folder and the size is less or similar.

Don't forget i'm experienced, but i'm newbee in react like systems, and i have limited time to evaluate and change my mind. Thanks for your help. My question is related to what i'm missing out from the comparison on inferno main site. I have a 40 pages app and the size is about 100KB + angular 240KB. I have rewritten ionic, which blown me up, as my js and css size was 2.5-3MB minified.

I'm investigating how to replace angular with some sort of virtual dom system. (I might consider only to pick up the idea, as i might not introduce "template" system, just using decorators, so especially going back to vanilla js on build size)

I haven't seen any official inferno forum, just github repository.

Ps.: I had to add babel-register to make this project build-able. I now that is an old project, so it touched inferno in the initial phase.

Havunen commented 6 years ago

I pinged @nightwolfz in slack about this issue.

nightwolfz commented 6 years ago

@fssrepository Can you checkout the next branch?

The bundle size should be down to 68 kb (minified+gzipped)

ghost commented 6 years ago

I was talking about template size, not bundle size.

I have got a template initially 3-400 bytes and when i built in prod mode, got 4 kb. In angular the size reflects the initial template size, even if it's a little bit bigger, than the initial one.

Peter

On Wed, 28 Mar 2018, 15:34 Ryan M., notifications@github.com wrote:

@fssrepository https://github.com/fssrepository Can you checkout the next branch?

The bundle size should be down to 68 kb (minified+gzipped)

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/nightwolfz/inferno-starter/issues/36#issuecomment-376888509, or mute the thread https://github.com/notifications/unsubscribe-auth/AfsyIJYtY-w8IBGse6M118_19bmljq2gks5ti5FrgaJpZM4SbdGd .