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

101–110 of 113 posts

Re: Vue.js and Brunch: Webpack Alternative

#101

Post by bigmanwalter »

k_sh wrote: post #98
bigmanwalter wrote: post #73

Earlier quoted context omitted.

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…

You are _completely_ missing the point of frontend applications, here's a few to get you started: - Ease of creating complex user flows. - Decentralization of application work: app runs on client, less CPU cycles for my server! - Separation of concerns: API does one thing, client application does another, there is a bright red line between the two.

You can build complex user flows with JavaScript on top of server rendered views. Ajax works great with server side rendering, see Pjax https://github.com/defunkt/jquery-pjax or Intercooler http://intercoolerjs.org/

The server is rendering JSON anyway, more or less just as expensive to serve HTML. Besides, the bottleneck is usually database access.

It's a false separation and forces you to expose far more than necessary. It's nice to have my full database available on every page render without needing to define explicit endpoints.

I also like having forms generated from database models.

Re: Vue.js and Brunch: Webpack Alternative

#102

Post by jstewartmobile »

root_axis wrote: post #95
jstewartmobile wrote: post #94

Earlier quoted context omitted.

Because I was dumb enough to try React when enough people said "Oh, this changes everything !" Whatever React gave, npm and Babel took right back.

I'm not sure how trying things makes a person dumb. Either way, that doesn't answer the question of what is stopping you from using the tools you prefer rather than the ones you despise.

I still have to maintain the product, unless I want to go full CADT and re-do it in something else.

Re: Vue.js and Brunch: Webpack Alternative

#103

Post by MOdMac »

This does look nice but we can solve the configuration difficulty of Webpack without switching tools. Webpack should be the standard we all get behind until there is a tool that offers significant improvements, not just being easier to use.

We are using an internal NPM package for common Webpack settings similar to the JetBrains library [1]. With that setup, our Webpack configs are much easier to use. There are other libraries like webpack-config [2] that give you a fluent api and allow common configs to be extended.

[1] https://github.com/JetBrains/ring-ui [2] https://www.npmjs.com/package/webpack-config

Re: Vue.js and Brunch: Webpack Alternative

#105

Post by TekMol »

jazoom wrote: post #88
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

Man, this is so slow that I am typing this comment while the page is loading...

Now it loaded. It says:

Connection timed out

The initial connection between Cloudflare's network and the origin web server timed out. As a result, the web page can not be displayed.

Re: Vue.js and Brunch: Webpack Alternative

#106

Post by jazoom »

TekMol wrote: post #105
jazoom wrote: post #88

Earlier quoted context omitted.

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

Man, this is so slow that I am typing this comment while the page is loading... Now it loaded. It says: Connection timed out The initial connection between Cloudflare's network and the origin web server timed out. As a result, the web page can not be displayed.

That's odd because this website is lightning fast. Perhaps there was a network issue?

It may be slower for you if you're on the other side of the world, but you shouldn't be able to do much more than switch tabs during the load even if that is the case.

Re: Vue.js and Brunch: Webpack Alternative

#107

Post by pythonaut_16 »

CapnCrunchie wrote: post #55
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…

We use Vue at GitLab. You can see why we chose Vue as written by our front-end lead. https://about.gitlab.com/2016/10/20/why-we-chose-vue/

Is there any plan to do a follow up post to this?

I'd love to see what work flows or examples you guys are using to progressively upgrade pieces of the application to use Vue.

For example, it would be really great to see a blog post with a before and after for a feature that you've converted from jQuery to Vue.

Re: Vue.js and Brunch: Webpack Alternative

#108

Post by BrandoElFollito »

dabernathy89 wrote: post #80
BrandoElFollito wrote: post #58

Earlier quoted context omitted.

You need webpack to actually use a Vue component (template + script + CSS).

You can use Browserify or Rollup too. https://github.com/vuejs/vueify https://github.com/vuejs/rollup-plugin-vue

Yes, I meant that the OP comment missed a large chunk of webpack use cases, such as compilation of components.

Re: Vue.js and Brunch: Webpack Alternative

#109

Post by zwily »

JasonSage wrote: post #54
zwily wrote: post #51

Earlier quoted context omitted.

What does that have to do with Webpack?

Instead of serving bundles you can load individual scripts over an HTTP/2 connection and quickly serve only the scripts which are needed.

Ah, but webpack does so, so much more than just bundling.

Re: Vue.js and Brunch: Webpack Alternative

#110

Post by tym0 »

abledon wrote: post #72
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…

Just install the React Developer Tool extension on chrome: https://chrome.google.com/webstore/detail/react-developer-to... It will light up whenever you are navigating a page built w/ React. Plus, you can dig around and see how they structured it. Some times you get funny surprises, like how the Microsoft node js page was using React, but they had deployed a Development build instead of a Production build.

Isn't it Slack that deploys a Dev build because "it's easier to debug people's problems this way"?
Post reply on HN