Building Nuclide, a unified developer experience

https://code.facebook.com/posts/397706937084869/

by tbassetto • 11 years ago

186 72 11 years ago

code.facebook.com

Why are so many companies hacking on atom recently? First it was MS, and now FB? Anything special about Atom that you don't get in something like Vim or Emacs? They're both open source, and very hackable.

wnevets• 11 years ago

its basically an open source sublime and a lot of people like sublimes UI and plugins.

vbezhenar• 11 years ago

I remember Eclipse being forked a lot by various enterprise companies. I guess that's because it had very good extensible architecture. Many developers admitted it. May be Atom is in similar position? Today's fashion shifted from Java to JavaScript and tools are following.

mateuszf• 11 years ago

Vim and especially Emacs are also very good at providing extension points.

Nelkins• 11 years ago

It's much easier to provide a cross-platform rich UI experience with Electron/Atom. It's probably also easier to leverage existing developer skill sets (HTML, JS, CSS, etc.)

spicyj• 11 years ago

Not quite an equal comparison: Visual Studio Code uses only the very core of Atom which allows you to package a browser-based app in a native shell (sort of like Cordova/PhoneGap). Nuclide actually uses the entire Atom editor.

x5n1• 11 years ago

It's okay hopefully all this gets merged into atom when these projects don't get the userbase they are looking for.

empyrical4• 11 years ago

They said they'd like to make this stuff work as Atom plugins eventually

superuser24• 11 years ago

Yes, a native-feeling GUI. Emacs GUI for OSX is ugly and unpolished. Atom's real competition is Sublime, but unlike Sublime it's open source.

magicmu• 11 years ago

I agree; with vim as well, gVim isn't much help to those who still want to use a mouse / don't know the keybindings. Atom is really the most versatile open-source GUI text editor right now IMO.

empyrical4• 11 years ago

I really hope Sublime goes open source someday

afarrell• 11 years ago

javascript is a much more debuggable language than vimscript and there is far better tool support for it.

coldtea2• 11 years ago

Anything special about Atom that you don't get in something like Vim or Emacs?

A majority of programmers actually wanting to use it.

While we might use Emacs and Vim in our echo chamber, the huge masses of programmers prefer an IDE or something like TextMate, SublimeText, Notepad++ etc.

markbnj• 11 years ago

The speaker was explicit about FB's preference for IDEs and IDE features, and their belief that these features make them more productive. So in that respect their internal majority has already spoken.

techpeace• 11 years ago

Atom is a graphical editor, unlike either Vim or Emacs. It's much easier for web developers specifically to work on, since it's built with web technologies, rather than vimscript. If I want to change the background color of the file browser pane, I can pop open an inspector, identify the element, and change my custom editor CSS, all within about 2 minutes. Its plugin distribution system also integrates directly into the editor - meaning I can browse for and install plugins from within the Atom itself.

applecore• 11 years ago

ES7 expertise? I thought ES6 was just finalized a few days ago.

bolinfest• 11 years ago

Why gate your progress on standards committees?

supster• 11 years ago

Not sure, but I think it's unique to JS b/c it's built into web browsers. Therefore, all major browsers vendors need to ok major changes to the language so that there isn't a severe fragmentation in version support. I think this is achieved via the standards committee.

juanlyones• 11 years ago

ES7 was developed concurrently with ES6. ES6 is also officially known as ES2015 now with ES7 being referred to as ES2016. Apparently the goal is to ship functionality to the language on an annual basis.

frik• 11 years ago

Where do one keep up to date with the ES news? W3C mailing lists?

davidwparker• 11 years ago

Previous discussion (273 points, 93 comments): https://news.ycombinator.com/item?id=9273976

cdnsteve• 11 years ago

Seems that Hack now has a first class IDE available, that the authors themselves can help contribute to, awesome.

edko2• 11 years ago

Very promising. I wish there was more roadmap information. I cannot wait for the React and React Native parts to be released!

jozan• 11 years ago

I'm a bit disappointed because of neither React or React Native were part of this release.

edko2• 11 years ago

I think it is more communication and management of expectations than anything else. They opened the pre-release FB group, and not much was posted for weeks. This first release gives no clue as to when the React part will be available (other than "soon"). I cannot complain, or be disappointed, because they are sharing a great product for free. A roadmap with some estimated dates would really help keep the anxiety down :-)

_stephan• 11 years ago

Remote development sounds very interesting. If the IDE supports this directly, the user experience could be much better than the one you get when running an IDE over a remote desktop connection.

wpeterson• 11 years ago

Did someone say Gavin Belson and Nucleus?

LeonM• 11 years ago

Was the first thing that came to my mind when I saw the title :)

ddrum0012• 11 years ago

Yep, that's the first thing that came to mind for me too - not sure why they chose to keep it.

cosmolev• 11 years ago

failure = success

toomim• 11 years ago

Yes! I made a graphic of it:

https://dl.dropboxusercontent.com/u/1000932/nuclide-eus.png

emehrkay2• 11 years ago

Strange/random observation: it is surprising that Chrome-style tabs seem to be the default tab representation given the pushback over the past few years over skeuomorphism in digital design.

This editor looks cool though. I haven't really looked at Atom, so I assume that it has good PHP/Python/Ruby support. I will try this out when it is released, I love the autocomplete

derefr• 11 years ago

I would go further—I'm confused by the proliferation of "tabs" as a UX metaphor. Do people really think they're the best thing they can get, compared to, say, ZUI zoomable groups?

They're great for browsers because the affordance fits: you have one active "browsing session", and then a bunch of inactive ones, and the inactive ones don't matter, and when you switch, you're asserting that the active one now doesn't matter.

But for productivity applications, tabs are just kind of silly.

In the OSX Finder, for example, if I have two windows open, I'm likely rearranging files between two-or-more folders—I need to see the state of both the source and the destination. You can drag-and-drop a file onto a tab, but you lose the visual cue as to where it's gone—it might have just ended up out of scroll-range in the current folder, or in some other random folder. To do the task quickly, I need to see both places: something done much better† by the window metaphor.

† (Though not perfectly: having to rearrange the windows to get the drag-sources and drop-targets all visible is a big hassle. Mac OS almost had something going for a while with MDI applications having their own virtual desktops, but they never far enough with it; if you could tell a given MDI application to auto-arrange/snap its document windows, people might actually start to want MDI interfaces again, rather than uberwindow "I know what's good for you" interfaces like FTP programs or Xcode.)

Then again, I'm also astounded that "tabs" aren't just a window manager feature (i.e. being able to group arbitrary windows into a single tabbed window, and noting when windows in a tab group spawn a new window and spawning it inside the tab group instead.) That would have cost too much GPU power decades ago, but it's costless with compositing window managers.

emehrkay2• 11 years ago

I love OS X's exposé (app and all window). I have mine setup to be hot corners. I often drag a file to a corner and then drop it onto one of the exposé'd apps. I feel like I went back in time when I use OSes that doesn't support this functionality.

vezzy-fnord• 11 years ago

ZUI zoomable groups

ZUIs are far too esoteric for the average WIMP paradigm nearly all computer users are familiar with. I wouldn't count on it anymore than I would on getting an Oberon/Cedar-like programmable text window interface.

JonathonW• 11 years ago

Atom (and most other "tabbed" applications) isn't limited to just tabs-- it supports both multiple windows and arbitrary splitting inside a window. Tabs can be dragged and dropped freely between any pane. So, you can have tabs when it works well (IME, for the type of text editing one is doing while writing code, you're usually only actively using one file at a time, much like in a web browser), and you can have more than one file visible when you need that too.

(File management, on the other hand, is completely different; there, you're almost always going to want to have more than one thing visible and a windowed interface is better. That's why no mainstream file manager supports tabs OOTB.)

shioyama• 11 years ago

Then again, I'm also astounded that "tabs" aren't just a window manager feature (i.e. being able to group arbitrary windows into a single tabbed window, and noting when windows in a tab group spawn a new window and spawning it inside the tab group instead.) That would have cost too much GPU power decades ago, but it's costless with compositing window managers.

I'm trying to achieve this using i3 as window manager and a minimal browser like vimb which has no tabbing built-in. That way you can search for a browser page just like you would any other window.

asantos3• 11 years ago

That theme isn't the default anymore, now it's this https://github.com/atom/one-dark-ui.

bitmapbrother• 11 years ago

Atom, Electron and this are all based on Chromium so why would it be surprising? Change for the sake of change or masking that their heritage isn't Google's Chromium?

ddrum0012• 11 years ago

The features they include are nice, but it would be really helpful to have dependency support for languages Scala and Java like IntelliJ does.

girvo2• 11 years ago

The neat part of being built on Atom, is that that is totally possible. There are already packages for handling the base language support for Java and Scala, linters for both of them, and through atom-ctags you can gain proper autocomplete.

hfourm• 11 years ago

"Last but not least, this initial release includes our universal search tool package. In a large, multi-language codebase like ours, finding files and symbols quickly and efficiently is important for our engineers. Here's a glimpse: SEARCHES INDEX.PHP"

sorry thought that was funny

chuckcode• 11 years ago

Seeing as how this is facebook's hacked up editor I'd love to see some more social features to share with other developers. Get advice, show something cool, share a branch, etc. with teammates or even the world.

I'm sure it is nice to have an editor that understands javascript better and it is nice to see that yes they have syntax checking and auto suggestion. Experience tells me the devil is in the details of the architecture for how much their integration will survive tool churn vs composition model of different tools.

What I'd really like to see in my next editor that seems hard to find is:

- Ability to easily share code and screen with other developers. I know the lone gun is typical in software development but it would be great to work with other people seamlessly as well.

- Working with files/shell on a remote server. All to often these days I find myself with large data set that is hard to move so I end up using console tools to debug the problem on the box.

jweir• 11 years ago

Not nirvana, but not hell either — if you use vagrant — vagrant share + tmux + vim/emacs works well for remote pairing.

callahad• 11 years ago

I haven't used it, but https://floobits.com might scratch some of that itch?

mhd• 11 years ago

Heh, they had "pico" in their list of editors. If one is really hellbent on using that for Hack/Obj-C in 2015, I'm not sure whether any argument is convincing enough ;)

Generally I wasn't really that impressed by the demo. Sure, the integration is nice, but I don't see how that's different from most other IDEs. But what struck me as a bit odd was the presenter stating a preference for vim, and then starting to edit Objective-C like all you've got is your cursor keys plus tab.

So, yes, another IDE, yay. And if you work at FB, sure, mindshare alone is probably worth it. But why would one give up normal mode/macros/elisp/abbrevs etc. for that?

Now don't get me wrong, I totally understand different preferences, and if your current editor is e.g. TextMate/Sublime or an IDE like PhpStorm/Eclipse/Xcode, I can see it. But if you start with the premise that vim is the One True Editor, why would this be the switch reason, whereas IDEs before didn't get you there?

No problem with another flower in the garden of editing, I just thought the sales pitch was a bit weird.

codeshaman• 11 years ago

I guess that was intended as a vi-emacs joke/pun ...

LegNeato2• 11 years ago

Indeed. I guess I shouldn't quit my day job!

LegNeato2• 11 years ago

That's me in the video (hi!).

Re: pico. You'd be surprised what editors new employees and interns use when presented with a shell prompt :-D. At FB everyone is free to use their editor of choice...we don't force Nuclide on them.

Re: what's different. Xcode does Objective-C well. IntelliJ does Java well. PHPStorm does PHP well. Tons of editors do JS well. As soon as you start mixing technologies, the IDEs quickly degrade in overall usefulness and you basically have an IDE for one tech and a dumb text editor for the other. Nuclide is opinionated and provides a nice integrated end-to-end experience if you buy into the tech it supports. If you don't use any of that tech (Hack, react, buck, react native, flow, phabricator, mercurial, etc) or only use 1 language/platform at a time (like a pure objective-c iOS app) then Nuclide basically is Atom.

Nuclide's value is super apparent with React Native. You need to be able to edit JS and Objective-C and eventually Java, and it would be nice to have all the autocomplete/click-to-symbol/code search goodies for all three. Let alone debugging all of them and jumping between the stacks. No IDE provides all the features you need for a project like React Native out of the box. So we built one (leveraging Atom of course). It is magic working on a React Native app and using the same debugging UI to step through the JS, and then the Objective-C, and then using the SAME interface to debug your Hack code on the server.

Finally, over time you'll start to see a bunch of really, really smart integration with tools and libraries like Relay and GraphQL. We already have some internally--I can "click to definition" in a GraphQL query and see where it is defined in JS, and then click through and see where it is implemented in Hack on the server. Simple symbol search can't do that and spanning multiple languages and stacks is unsupported by most IDEs. Nuclide is opinionated so we can do deep integration like that...we leave the general editor-stuff to Atom proper.

Re: clumsy demo. I actually converted from vim when we started Nuclide...I even used vim for most of my JS/Android/Hack/iOS programming. For the demo I didn't install the vi bindings because I wanted fewer things that could go wrong. Because I wasn't a huge IDE user previously you see me using the mouse a ton instead of (generally) standard IDE keyboard shortcuts.

girvo2• 11 years ago

I'm an alpha tester for Nuclide, and it's quite nice. There are a tonne of bugs that are getting ironed out, but it's brilliant to have an editor that is built for the stack I use: Hack, React and Flow. I use Atom as my daily editor along with Komodo, and I'm looking forward to Nuclide replacing both!

joelthelion• 11 years ago

You say "unified developer experience", I read "everybody will be forced to use the same tools". Not cool.

Building Nuclide, a unified developer experience

Related Stories