paulshen

Thanks! I wonder why spatial organizations haven't caught on in programming. Maybe the extra degrees of control have more costs than benefits? With rigid tiling, it's easier to switch between panes, layout, etc..

Here's an image of one of my darklang projects https://twitter.com/_paulshen/status/1321872376234082305/pho... My conclusion was that it's an interesting experience but needs refinement for "power usage".

What I want to explore is creating multiple views for the connections you care about. I imagine that would benefit from richer visualization than a list of text. like the ones you mention!

It's generic enough for JavaScript/TypeScript codebases. Under the hood, it's using TypeScript's language server which conveniently runs in the browser. Other languages would require running the respective language service elsewhere or caching the results (ala LSIF https://lsif.dev/)

I've been thinking about how we can make devtools smarter and more fun to use. We write code with text but programs contain a lot of structure that we can take advantage of! If you're on mobile, you can find a video here https://twitter.com/_paulshen/status/1346583010691321856

This demo is an iteration of my code browser exploration where jump to definition always opens in a column to the right. I use TypeScript's language server to get the program's semantics which allows features such as showing only the item (eg function) that you're jumping to.

Here is another iteration with a canvas where you can drag panes around. https://artifacts.bypaulshen.com/code-explorer/01/?snapshot=... I have more ideas/iterations coming. My goal is to productionize this for real use :)

Source code: https://github.com/paulshen/listening-bar

This looks like it was pulled straight off of Shift. See https://carcela.com/jobs.html and https://shift.com/careers as well as every other page.

I've written some tutorials and articles on http://buildwithreact.com. Hope they help!

http://andrewhfarmer.com/getting-started-tutorials/ has a list of tutorial reviews.

I'm the author of http://buildwithreact.com/tutorial, which Andrew says "is by far the shortest tutorial and the easiest read" :) Happy to answer any questions on twitter.

You're definitely not the only one. https://twitter.com/cowboy/status/339858717451362304 as well as other HN comment threads.

Check out https://news.ycombinator.com/item?id=7738194 or this JSConf talk https://www.youtube.com/watch?v=x7cQ3mrcKaY

Thanks for the feedback! I definitely agree. I've added support for the symbols you suggested (and a couple more, like & for passing inout arguments).

How I implemented this was writing YAML files that get compiled. Each entry has a name, an array of strings for tags, and the code sample itself. When you type a query, it shows prefix tag matches first, followed by non-prefix tag matches. So now when you type '?', you should see optionals, ternary, nil coalescing, etc.. but when you type '??', you're left with only nil coalescing.