What I need is betterdraw, you input a bad drawing then it correct perspective, shapes, etc...

I'll do r&d for 1 or 2 days and give you the right answer :)

I'm sorry but this looks awful. it could be -> https://jsfiddle.net/cp3r5bmk/

That isn't even relatively close to being the same animation.

If that doesn't matter, who not just (paraphrasing):

  <blink>...</blink>

you can edit the keyframes very easily

I opened this and saw the loading spinner and sat there wondering why it was taking so long to load the spinner :/

I was trying to change configuration of uMatrix so the spinner would load. I thought it was missing some scripts.

I like your solution.

Where do you define the 'gap' in the cicle? I played around with the jsFiddle and could figure it out (still learning CSS wizardy)

border-right-color (1/4 the border -> transparent)

+1

PS: Hey victor :)

And you have everyone of those with Vue too btw

Not really.

You don't have typescript's typechecking for templates.

You don't have higher-order components or first class components. Scoped slots are almost there, but not quite.

Also, "scoped slots" show that vue's simplicity is a bit of an illusion. There is a lot of reinventing the wheel happening underneath to get templates to the basic level of modularity / encapsulation / features of plain old JS.

It was similar with Angular. "Look how simple it is!" - yeah, until you actually need to build something serious with it... then you need to learn 3 times as much as React and all its tooling.

Here is an exercise: Write a spinner component in vue that renders either a spinner, an error message, or any other component (must be passed to the spinner component as a parameter) to which you can pass the data of the fulfilled promise.

Here is a react implementation:

https://jsfiddle.net/mm145xkj/

You just write a component where you pass two props: a promise to monitor, and a function that will take the data of the fulfulled promise and use it to render anything.

How do you do that in Vue? Is it simpler than the React implementation?

Nobody responded to you, so I took on your challenge :) I'm still pretty new to Vue, but after a while of fiddling I came to a pretty simple solution: https://jsfiddle.net/jsfiddle4ephi/6xLwgqxk/1/

IMO, this is more readable than React, especially if extracted to their own .vue components.

1. Upon a successful resolve, you can make it render props/data to a custom component.

2. You can put each of the component into their own vue files to make it super clean: https://vuejs.org/v2/guide/single-file-components.html

This was a fun challenge, thanks!

Nice try, but I expect that the template is contained within the app template (or really any other template), i.e. `<spinner promise=promise> <inner template parameterized on data here></spinner>`. I don't want to be passing raw html strings around.

I'm sure vue has some scoped slot template transclusion thing to solve it... actually scratch that, I'm not sure if the equivalent of plain old first class functions exist in its template language :)

I also forgot:

Its not just about raw HTML: this might need to be a totally custom template with data bindings to other data. Here is an example, the spinner's promise provides the data for a dropdown component which in turn is bound to a member of the parent component's data.

The challenge does need some more work to make it more realistic :)

+1 for bulma, everything is better: design, implementation, documentation, semantics, ...

Hey, can you tell us more? I'm very interested in Weex :) What make it solid ? what are the pros/cons ? Last time I checked I thought I need to know chinese as 95% of issues are in chinese for example. Is it still a prob ?

> Last time I checked I thought I need to know chinese

Fascinating. This is probably the first time I've seen a huge open source project where a majority of the contributions are in a language that's not English. I've seen plenty of projects from non-native English speakers, but everything was still done in English.

I'm sure there are tons of other big projects in Chinese and other languages, but programming has always been very English-centric. I had heard of programming languages that use other languages or alphabets, but they were all very esoteric.

I've also seen people using foreign languages for class and method names, while all of the framework APIs and programming language keywords were English.

So I guess it's only fair that I should learn some Chinese. Weex does look very good.

I just looked at this issue, for example: https://github.com/alibaba/weex/issues/1746

It's funny how all of the Java variables and keywords, HTML tags, and the CSS is all English (or at least, programming languages based on English words), while the issue details are written in Chinese. It's a really interesting mix.

I wonder if there are transpilers that let people write code in their native language, and then convert everything into English source code. It should be very easy, it's just a search/replace for keywords like "public", "protected", "length", "super", "return", etc. etc.

Wikipedia has a list of programming languages written in other "human languages"[0], but they are pretty obscure for the most part.

At the end of the day, english has "won" as the language of keywords in programming. And while i'm glad that most newer languages have the ability to code everything but keywords in your native language (i've worked with JS that has variables and function names in other scripts), translating the keywords seems like a pointless process that would do nothing but cause incompatibility.

[0] https://en.wikipedia.org/wiki/Non-English-based_programming_...

Can you be more explicit? I just want to make sure i understand you correctly. Do you believe Ionic 2 is better?

I'm looking at the demos now, but my main concern is how these behave on mobile apps. Performance, ease of development, etc. I have little concern for how they behave on my mac, fwiw. (performance on my mac may be related to mobile performance, but due to the very different architecture behind ReactNative style mobile apps, i'm skeptical to compare desktop performance)

Sorry, I actually thought Weex is another HTML5/Cordova thingy, but it appears to be more like React Native and calls native components. I have no experience with Weex running on the device. I just found the web demos unsatisfying.