Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Vue.js and Brunch: Webpack Alternative

vuejsdevelopers.com

Post reply on HN
Print view View original

81–90 of 113 posts

Re: Vue.js and Brunch: Webpack Alternative

#81

Post by christilut »

TekMol wrote: post #30

Do you guys use any public websites that are based Vue, React or alike? Everytime I search for sites that use frameworks like Vue or React, I came up with mostly empty hands. Except for example pages or pages by coders for coders. Or pages that "use" one of the frameworks but seem to make no use at all of the functionality. When I ask around people usually tell me "Well, at my company we make a dashboard for another…

My new headless CMS uses Vue: https://www.headless.rest

It uses webpack with alot of code splitting so instead of 1 big bundle its many small bundles which should help loading times alot.

Re: Vue.js and Brunch: Webpack Alternative

#82

Post by christilut »

timdorr wrote: post #4

Brunch has a good "vs Webpack" section in their docs: http://brunch.io/docs/why-brunch#brunch-vs-webpack Some of the big table stakes features that Brunch is missing are code splitting and handling of binary assets (allowing things like image inlining). It also doesn't have true hot module reloading, which is a pretty useful dev feature.

I can't live without hot module reloading anymore.. With my Vue projects (no idea if React does it like this too) I can update my code and it only reloads either CSS, JS or HTML and it completely maintains state. Textfields maintain their content while I edit their CSS, just great.

Wasn't long ago that auto reload on file change was a fancy feature...

Re: Vue.js and Brunch: Webpack Alternative

#83

Post by christilut »

Shorel wrote: post #38

Do we still need Webpack when all connections can use HTTP/2 and TLS thanks to LetsEncrypt ?

Webpack does much more than just put all your stuff in 1 bundle. It minifies, it does code splitting (only load what you need, HTTP2 is even a benefit here), tree shaking (remove unsued CSS), it can change your import paths for your convienence and so much more.

Really it can do everything and that's why its so daunting for developers.

Re: Vue.js and Brunch: Webpack Alternative

#84

Post by christilut »

jstewartmobile wrote: post #28

How long can we keep adding to the tower of javascript shitware before it falls over? Honestly I thought it would have fallen over a long time ago. Just looking at long chains of mystery-meat that npm imports, and the time it takes Babel to compile the simplest of projects make me just want to say the hell with it all and do everything as GET/POST.

GET/POST? Haven't you heard of GraphQL?! ;P

Re: Vue.js and Brunch: Webpack Alternative

#85

Post by jensvdh »

TekMol wrote: post #30

Do you guys use any public websites that are based Vue, React or alike? Everytime I search for sites that use frameworks like Vue or React, I came up with mostly empty hands. Except for example pages or pages by coders for coders. Or pages that "use" one of the frameworks but seem to make no use at all of the functionality. When I ask around people usually tell me "Well, at my company we make a dashboard for another…

Airbnb uses React extensively FWIW

Re: Vue.js and Brunch: Webpack Alternative

#86

Post by nickthemagicman »

bricej13 wrote: post #66
TekMol wrote: post #30

Do you guys use any public websites that are based Vue, React or alike? Everytime I search for sites that use frameworks like Vue or React, I came up with mostly empty hands. Except for example pages or pages by coders for coders. Or pages that "use" one of the frameworks but seem to make no use at all of the functionality. When I ask around people usually tell me "Well, at my company we make a dashboard for another…

I built my side project with Vue: https://wherecaniwatchmy.team Client side rendering saved my bacon when it went mini-viral a few weeks ago. My little home server probably would have keeled over and died had it been rendering all the pages, but just serving static files is a piece of cake.

How do you do SEO?

Re: Vue.js and Brunch: Webpack Alternative

#87

Post by Hedja »

Method-X wrote: post #52
TekMol wrote: post #37

Earlier quoted context omitted.

Thanks! Tried it a bit and thought: "Hmm.. it's probably react that causes all these spinning "loaders" everytime I click somewhere. Wouldn't it be better without?". How do you see that? EDIT: Ups, why the downvotes? With spinning "loaders" I mean the "loading" animation the website shows. The spinning circle. Anything bad about this question?

The loading spinners happen when data is being fetched from the database. The app itself is downloaded upon initial load and anything from the database will trigger a loading spinner as it's being fetched.

Just thought I'd share my experience with this, since I had a similar problem.

Spinners make it look like the app is taking ages to load data, even if it's not. If you delay showing the spinner until around a second of loading, it makes things feel a lot faster.

The user doesn't need to always know when the app is loading data until there's a significant pause and they need to know stuff is happening.

Re: Vue.js and Brunch: Webpack Alternative

#88

Post by jazoom »

TekMol wrote: post #30

Do you guys use any public websites that are based Vue, React or alike? Everytime I search for sites that use frameworks like Vue or React, I came up with mostly empty hands. Except for example pages or pages by coders for coders. Or pages that "use" one of the frameworks but seem to make no use at all of the functionality. When I ask around people usually tell me "Well, at my company we make a dashboard for another…

Uses all features of Vue, including SSR, async-loaded components, etc.: https://pricehipster.com

Re: Vue.js and Brunch: Webpack Alternative

#89

Post by jdavis703 »

bigmanwalter wrote: post #73
TekMol wrote: post #41

Earlier quoted context omitted.

Interesting. What would you say are the main advantages over simply passing the data through a server side rendering library?

In my opinion, client-side rendering is here as a justification for the unfortunate splitting of the Fullstack developer into Frontend/Backend roles. Frontend developer used to be a designer who also knew HTML/CSS but the problem with that is that in order to do CSS well, you need to be a programmer. Especially if you're trying to achieve effects that work best as a mix of JS/CSS. Unfortunately, when it comes to desi…

Boy I don't mess the days of dealing with SQL queries inside of PHP "view" files. Reminiscing aside, you can build server-side applications in both Vue and React.
Post reply on HN