9 ms·
JetBrains Web UI components open-sourced
- raybb 9y agoIt'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 http://www.jetbrains.org/ring-ui/date-picker.html
- uptown 9y agoWow, that is nice. Compact, yet intuitive with minimal clicking to target a specific date.
- draxofavalon 9y agoI 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.
- systems 9y agoit 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
- ballenf 9y agoThey're not prominent, but on this example the days of the week are toward the top as column headers. Still could be more prominent for your use case. http://www.jetbrains.org/ring-ui/examples/date-picker/date-picker-single-date.html http://www.jetbrains.org/ring-ui/examples/date-picker/date-p...
- systems 9y agoi see them now, my bad
- manigandham 9y agoThey're abbreviated and right at the top of the scrolling pane. Saturday and Sunday are also in a different red color.
- hypnos_phi 9y agoThere are options for custom formatting (they should be documented though)
- neves 9y agoDidn't like it. It is difficult to select an old year with the mouse. Mobile would be better since you would use the finger.
- scierama 9y agoWhy are you being downvoted for expressing an opinion?
- candiodari 9y agoIt's far too big to be usable on mobile.
- robocat 9y agoOn 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.
- EGreg 9y agoLooks great! But for desktop. Too bad they don't work on mobile very well (I tried them).
- wuodaboge 9y agoI agree. Was super excited to test the header only to realize it's not responsive. Created an issue on youtrack on the same.
- scierama 9y agoIt 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 9y agoIt's a UI framework built with React. It has nothing to do with the backend and you can use whatever server language you want.
- victorbojica 9y agoYes. Definitely
- tootie 9y agoEnterprises are already moving in this direction.
- scierama 9y agoFacebook is a large geek shop; not how the vast majority of enterprises work or can work for that matter.
- tootie 9y agoI'm not talking about facebook. I've implemented this for Fortune 50 financial firms and telcos. Wall Street Journal is react. Wal-Mart is all in on react and even open sourced their own isomorphic framework. It's being adopted very broadly and very quickly.
- true_religion 9y agoI haven't seen such a quick uptake in enterprise, since the late 90s when everyone began using Java and universities took it up as a teaching language. Enterprise cares predominantly about hireability, and Javascript has been the only language for the web for decades. Everyone who even tangentially has a brush with web technologies knows it, and if your company has a frontend team you already have people at your company who know Javascript well. I predict Javascript will continue to see growing use serverside, at least until the point ten years from now when WebAssembly is mature enough that people can develop for the frontend as well as the backend in any language.
- virgil_disgr4ce 9y agoLooks like their site is getting hammered—where is a good place to see the different components in action?
- wyuenho 9y agoThey really need to use a CDN for their assets. Just the docs-app.js file alone is 5mb and it takes forever to load.
- deleted 9y ago[deleted]
- wslh 9y agoI hope JetBrains or others launch a Web UI Designer that doesn't make you miss Visual Basic 6.0.
- meredydd 9y agoWe're trying! (https://anvil.works 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.
- desireco42 9y agoHey, awesome work with Anvil. How difficult it would be, once app is created, to move it to standalone server? Just python and pg.
- meredydd 9y agoThank-you! You'd need a standalone Anvil runtime for that, but it is something we offer. (It's one `docker-compose` command.) (The reason for this is that our client and server are deeply integrated. This is what lets us, eg, return a live database view from server code into client code with a simple function call, with full autocomplete. But it does mean we can't do a one-click "export as a Flask app".)
- desireco42 9y agoI understand. Thank you for explaining.
- 9y ago
- j_s 9y agoGitHub repo: https://github.com/JetBrains/ring-ui 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 9y agoWe 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.
- alexwebb2 9y agoWe use YouTrack on my team. It's incredibly flexible, extremely fast, and has a very powerful command palette built in for keyboard navigation and issue management. It's not perfect, but it hits more of the marks I'd want than anything else I've tried.
- adamnemecek 9y agoJetBrains 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 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 https://github.com/JetBrains/Exposed) and web framework (https://github.com/Kotlin/ktor https://github.com/Kotlin/ktor). Idk how good these are but I imagine pretty decent.
- rnentjes 9y agoActually the javascript target has been fully supported since version 1.1. For example here is a single page app written with kotlin: https://github.com/rnentjes/simple-password-manager https://github.com/rnentjes/simple-password-manager
- adamnemecek 9y agoYou might be right, I was certain I read somewhere that some things might still change.
- bitL 9y agoHow efficient is the conversion performance-wise and code-length wise? Can I finally get rid of GWT if I want to develop web apps with JVM tooling? Is the debug mapping between JS variables and JVM variables better than with GWT and super dev mode? Is it easy to use Kotlin with ReactVR/Native?
- rnentjes 9y agoWith the 1.1.4 version they have added a dead code eliminator which really helps with the resulting javascript length. In the example above the resulting javascript file is 440 KB (zipped 113 KB). Which is not bad if you take into account that the included libraries are more than 2MB (the standard library and static html builders being the biggest ones). I haven't measured runtime performance, but I haven't noticed anything being slower than plain javascript yet. A clean compile in this example takes ~8 second, incremental compiles takes 3-4 seconds. The jvm doesn't play a role when targeting javascript so I am not sure what you mean with JVM variables and I don't know much about GWT. But you can debug the resulting javascript from intellij and step through the kotlin sources if you want. I don't know how easy it is to integrate with react.
- michaelthiessen 9y agoIf you hit "next page" on the Table component enough times it throws an error and the component becomes unresponsive. It looks like the example data isn't correctly set up. http://www.jetbrains.org/ring-ui/table.html http://www.jetbrains.org/ring-ui/table.html
- delinka 9y agoYou don't even need to click "next page"; just select the last button and watch the table fail to respond.
- nightflash 9y agofixed, thanks ;)
- deleted 9y ago[deleted]
- the-dude 9y agoI browsed the components : is a slider missing? I need those, good ones ( min, max, step, scale ).
- mstijak 9y agoI would recommend CxJS to people looking for advanced data widgets, e.g. data tables, date pickers, charts, ... Here are a couple of sample pages based on CxJS widgets: - https://worldoscope.cxjs.io/4v5b3k2 https://worldoscope.cxjs.io/4v5b3k2 - https://starter.cxjs.io/dashboards/sales https://starter.cxjs.io/dashboards/sales Full disclosure: It's a commercial framework, I'm the author. https://cxjs.io/ https://cxjs.io/ https://github.com/codaxy/cxjs https://github.com/codaxy/cxjs
- Robdel12 9y agoThis great! I'm sad that _none_ of these components were built with accessibility in mind.
- scierama 9y agoThat seems like a fair comment, I wonder why you're being downvoted?
- true_religion 9y agoBecause it's neither constructive nor fair. The comment is merely "true". Yes, the released components do not cover a use case that they were not designed or intended to cover. Yes, if your use case is exactly that, you will find these components less useful as you'll have to modify them. Yet all of that is trite, and completely unfair criticism to wager against someone on the very first day of their components release.
- chii 9y agoif enough people call out the lack of accessibility in UI libraries, it brings that requirement into the cultural norm. The commenter is merely trying to push this into the cultural norm. I concur with such sentiments.
- true_religion 9y agoI think there are better times to do this than the initial version 0 release of an open source production. Taking the chance to "call out" its "lack", is essentially shaming people for doing social good (open source), and not going far enough in someone's opinion.
- scierama 9y agoYou can think what you want. The people who downvoted me for simply asking why the parent was downvoted can think what they want. The mods can think what they want. It doesn't justify anyone for downvoting the parent's comment which was his view or mine for calling out the unjustified downvoting. This is where the mods should step in, find out who was downvoting both the parent and me; and remove their ability to downvote for a time.
- Robdel12 9y agoThis great! I'm sad that _none_ of these components were built with accessibility in mind.
- mhd 9y agoThis almost looks like something able to replace ExtJs…
- tyteen4a03 9y agoCan't say I'm a fan of their buttons, but the date picker is refreshing.
- toddkazakov 9y agoPalantir's blueprint is also a great UI kit for react. I'm surprised nobody brought it up.
- chiefalchemist 9y agoAm I missing something or do most of these not consider accessibility? Or is that up to you to when you use them?
- thejosh 9y agoToo bad it doesn't work with npm 5..?
- deleted 9y ago[deleted]
- alsadi 9y agoMore 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?