WingNews logo WingNews GitHub [2]
top | item 14929076

JetBrains Web UI components open-sourced

286 points| uptown | 8 years ago |blog.jetbrains.com | reply

90 comments

order
[+] adamnemecek|8 years ago|reply
JetBrains is kinda crushing it. I've spent the last two days looking into Kotlin. I didn't realize not only that Kotlin can compile to JS but also that you can interact with say React from it. So you can build a full stack app in it, without ever touching JS. (I think that the JS compilation is still technically in beta but w/e).

https://github.com/Kotlin/kotlin-fullstack-sample

Combined with the fact that you can use Quasar for Erlang style processes, I think that I found my next web language.

I guess you could achieve this with Scala too but I could never get over the compilation times. Also the Kotlin integration seems somewhat more straightforward.

I also like that the company that makes my IDE also makes the ORM (https://github.com/JetBrains/Exposed) and web framework (https://github.com/Kotlin/ktor). Idk how good these are but I imagine pretty decent.

[+] copperx|8 years ago|reply
JetBrains is everything that Embarcadero aspired to be. It's perhaps the only for-profit organization I'm happy to give money to.
[+] scarface74|8 years ago|reply
Buying my first Mac in over 10 years to learn iOS development is on my bucket list. I also wanted to use it to play with .Net Core on a Unix environment. I'll gladly give JetBrains more money than I do now for Resharper to use Rider (cross platform C# IDE) and all of their other tools.
[+] alexwebb2|8 years ago|reply
They really do put out some great stuff - ReSharper is tremendously useful for .NET developers, YouTrack is one of the best (if lesser-known) issue trackers out there, and DataGrip is a fantastic database management tool (especially for Postgres, since pgAdmin 3 doesn't support newer versions and pgAdmin 4 is a major step backwards).
[+] rufugee|8 years ago|reply
I was coincidentally looking at Ktor yesterday. I quickly ran into pages which are linked from the Getting Started guide (such at http://ktor.io/Features) which don't exist. Doesn't give the best first impression, but I gather it's a very new framework so I'm sure it'll be corrected soon...
[+] erichmond|8 years ago|reply
If clojure/script didn't exist, I'd be doing the same thing! Kotlin is a great language!
[+] jorgemf|8 years ago|reply
I am not sure if you can use the coroutines in javascript, but if you can you don't need React at all
[+] raybb|8 years ago|reply
It's under the Apache License and the components look pretty good.

I particularly like the Date Picker: http://www.jetbrains.org/ring-ui/date-picker.html

[+] neves|8 years ago|reply
Didn't like it. It is difficult to select an old year with the mouse. Mobile would be better since you would use the finger.
[+] draxofavalon|8 years ago|reply
I would like date pickers to have years on left, then months and then days; that would be more intuitive at least for me because I tend to choose from left to right.
[+] uptown|8 years ago|reply
Wow, that is nice. Compact, yet intuitive with minimal clicking to target a specific date.
[+] robocat|8 years ago|reply
On a very superficial test, the date picker is not touch friendly. I also tried the button and it has an obvious flaw of selectable text.
[+] systems|8 years ago|reply
it is oddly missing the day name

    Sun Mon Tue Wed Thu Fri Sat
This is very important for say when you are picking next Wednesday
[+] Robdel12|8 years ago|reply
This great! I'm sad that _none_ of these components were built with accessibility in mind.
[+] scierama|8 years ago|reply
That seems like a fair comment, I wonder why you're being downvoted?
[+] j_s|8 years ago|reply
GitHub repo: https://github.com/JetBrains/ring-ui

It's only linked in the comments; also - they're dogfooding issues in their own YouTrack thing. It looks like JetBrains does this for all their open source projects. Can anyone with some experience compare against GitHub's issues?

[+] winterbe|8 years ago|reply
We use Youtrack at our company. It's a fully fledged issue tracker with a lot of features, e.g. custom fields, top notch search, batch operations, keyboard shortcuts, agile boards, workflows via own DSL, reports and statistics etc.
[+] wslh|8 years ago|reply
I hope JetBrains or others launch a Web UI Designer that doesn't make you miss Visual Basic 6.0.
[+] meredydd|8 years ago|reply
We're trying! (https://anvil.works)

The problem with making a WYSIWYG designer for the web is that it's a Turing tarpit. There are three whole programming languages in there, interacting in weird ways, and programmers use all of them. So your UI designer has to either create something horrible that no human is expected to edit, which doesn't work for dynamic apps (see: Dreamweaver), or you have to constrain what the programmer can do. This means inventing a sensible API that's amenable to WYSIWYG.

We took the latter approach with Anvil - we've cut the Gordian knot of HTML/JS/CSS by implementing a (VB6-like) component model, with a pure Python API. While I am, of course, biased, I think that's probably the closest we can get to what you're wishing for.

[+] CSDude|8 years ago|reply
I really miss VB 6. RIP
[+] chiefalchemist|8 years ago|reply
Am I missing something or do most of these not consider accessibility? Or is that up to you to when you use them?
[+] toddkazakov|8 years ago|reply
Palantir's blueprint is also a great UI kit for react. I'm surprised nobody brought it up.
[+] EGreg|8 years ago|reply
Looks great! But for desktop. Too bad they don't work on mobile very well (I tried them).
[+] virgil_disgr4ce|8 years ago|reply
Looks like their site is getting hammered—where is a good place to see the different components in action?
[+] wyuenho|8 years ago|reply
They really need to use a CDN for their assets. Just the docs-app.js file alone is 5mb and it takes forever to load.
[+] alsadi|8 years ago|reply
More ways to make checkboxes. As if react bootstrap.. Did not already reinvinted the square wheel. And how many megabytes do my browser have to parse before being able to draw the checkbox?
[+] mhd|8 years ago|reply
This almost looks like something able to replace ExtJs…
[+] the-dude|8 years ago|reply
I browsed the components : is a slider missing? I need those, good ones ( min, max, step, scale ).
[+] tyteen4a03|8 years ago|reply
Can't say I'm a fan of their buttons, but the date picker is refreshing.
[+] thejosh|8 years ago|reply
Too bad it doesn't work with npm 5..?
[+] scierama|8 years ago|reply
It looks like this is Ring UI. It looks like that is React. It also looks like it only runs on NodeJS. So this could be good news if you're willing to use JavaScript (NodeJS) as the server and use or switch to React style, JavaScript dedicated, back-end work. Is this something the Enterprise is willing to do?
[+] manigandham|8 years ago|reply
It's a UI framework built with React. It has nothing to do with the backend and you can use whatever server language you want.
[+] tootie|8 years ago|reply
Enterprises are already moving in this direction.