Mint UI – Mobile UI Elements for Vue.js | Hacker News Reader

Mint UI – Mobile UI Elements for Vue.js

mint-ui.github.io

This is wonderful.

I recently spun up a horizon(http://horizon.io) project on Digital Ocean with a Vue.js front end, and it has been by far the best experience I've had with full stack javascript, ever.

I really hope things like this start getting Vue the hype it deserves, because even though I'm a JS churn hater, this is one of the good ones. Much much nicer and simpler to work with than React or Angular, but using the ideas that have made them both of them great and popular.

Yeah, I've also had a really nice experience using Vue. It's easy enough for a non-front-end engineer to get started with. And at the same time I can bring in all the components I want and combine with Vuex to get a nicely structured application.

Same experience here. We've done a couple of projects with Angular and React in the past, then tried Vue one year ago and the learning curve was so much smoother !

Evan's focus seem to be on developer experience, and the result is really convincing, at least for me and my team.

Agreed, I hope it gains some more popularity going forward. Its a great alternative to React and Angular.

Vue reminds me of Ember, but with a few years worth of advantages: less legacy code, learnt from React's model, and more stable APIs over time. Progressively enhancing your site with Vue also seems a lot more straightforward.

This is interesting for a couple of reasons.

It appears to have been built by ElemeFE, which I'm assuming is the Frontend dev team of 饿了么 (eleme), a food-delivery company based in Shanghai. I'm happy to see Chinese startups embracing open-source contributions a bit more - feels like a very positive development, especially given the scope of the tech ecosystem there.

On the UI side, this feels very un-opinionated. This could be a good thing or a bad thing. Personally, I'm more drawn to something like Bootstrap or Material UI, where the design choices have already been made, and I can throw together a prototype that looks good enough without actually writing much CSS at all. With this, I feel like I'm going to need to write a lot more CSS to get some kind of reasonably cohesive UI in my application.

Plus one on material design and bootstrap. I've found that I'm able to churn out releases quicker since there isn't much learning. I just include two/three lines at the top & I'm good to go.

In the Go ecosystem, I've noticed huge amounts of Chinese developers and Chinese companies embracing open source.

this got me looking into vue.js where I found this

demo of hacker news built with vue.js using real up to date data from the api

http://vuejs.github.io/vue-hackernews/#!/news/1

Super fast!

At my current company, I occasionally have to step in and help with the front end (I'm mainly a backend guy) and we use Vue.js here. I'm hugely impressed every time I have to use it because of the amount of work that I can get done in such a short amount of time.

I probably sound like a fanboy, but every time I've used Vue.js, I've been astounded by how expressive it is.

All right, my daily fanboy quota has been filled.

This is the fastest HN experience I've ever had. How do I put this in my home screen? (Android)

edit: nevermind, somehow missed that menu item in Chrome

I know everyone else is saying that this is really fast, but on my desktop machine it's actually slower than regular HN. That said, HN is really fast for me, so there isn't much room for improvement to begin with.

On my iPhone, the vue version is much slower than the standard page. But I love the ability to fold threads and may use it for that reason alone.

> To avoid unnecessary repaint and reflows, Mint UI handles animations using CSS3

Well, depending on what CSS property you're animating, it totally does do a repaint and reflow, the same as it would if it was handled via JavaScript.

I don't know why this dude is getting downvoted. He's actually right, some mobile browsers do really really really inane shit when you're doing CSS3 animations.

Example: Safari. I don't know if it affects today's Safari, but semi-recently (in the past 2 years) it hasn't been too performant there.

I would like to bitch about the name: are there already not enough projects named Mint, including at least one that is quasi-related to UI, such as Mint, the Debian fork, that features the Cinnamon DE?

I think we've run out of words or something. Look at Canvas too

Also love vue - pretty much gets stuff done without any extra hassle, and yes - dev experience is a blast.

There's keen-ui (https://josephuspaye.github.io/Keen-UI/) for a materialize look, looks quite solid. Used it and found it quite straightforward.

Are there any desktop UI elements libraries for Vue.js?

Looks like the same guys have a set of desktop components

https://github.com/ElemeFE/vue-desktop

But this one looks more polished:

http://www.vuedaily.com/2015/11/vui-resuable-ui-components-b...

Keen UI is a nice library.

https://josephuspaye.github.io/Keen-UI/

I'm glad Vue.js is starting to get the exposure it deserves. I've been using it on all my projects since its very early stages, and it's by far the easiest, and most enjoyable reactive front end library that I've found. Minimal, simple syntax, that focuses only on the view/model portion is exactly what I wanted.

For Angular we had Ionic framework and components http://ionicframework.com/docs/v2/components/, For jquery, we have Bootstrap.

For Vue.js now we have mint ui.

For riot.js and react, what are the alternatives? Any experience?

Riot: http://riotgear.js.org/

React: There are tons of repositories for React components. http://react-toolbox.com/ might be the closest to what you are thinking. I am not familiar enough with React to make a confident recommendation.

None of these are limited to whichever tech they were initially created with, it just takes someone with the motivation to port the library-specific bits over.

e.g. for React, there are ports of Ionic, Bootstrap (the only one in this list I've actually used so far), Foundation for Apps and about 3 different implementations of Material Design, plus new UI component libraries like Belle, Elemental UI, Grommet, cf-ui, TouchstoneJS, Rebass, Pivotal UI and probably more since last time I checked.

I just wish we had more on par with the desktop-ish, enterprisey stuff that ExtJS native interfaces provide, instead of umpteen material design drop-in-a-pond animation buttons... I'd be content with a good enough datatable that's not an abandoned port from some jquery plugin...

I'm developing a similar UI project based on Vue which costs me more than three months: https://github.com/airyland/vux