Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Myself – v1.0.3

codepen.io

Post reply on HN
Print view View original

41–50 of 79 posts

Re: Myself – v1.0.3

#41

Post by Rygu »

dustingetz wrote: post #36
drchickensalad wrote: post #27

Earlier quoted context omitted.

Are there any good approaches for doing this without a specific framework?

Not really, for interactive UI development you need to model the UI as a pure function (no state in the view). So that limits you to React or React-like approaches, and game engines: https://www.youtube.com/watch?v=tJr_TD1BtF0 For backed web development (in Clojure at least) there isn't really a lot of state in the first place - request comes in, request comes out, state is in the database not the application - so th…

Depends on the backend platform actually. Apache CGI processes (PHP) are fire-and-forget per request. But for example Ruby and Node.js servers persist through request cycles. It's important that any state is unique to the request, sometimes even the caches should be per request.

Node.js has a package called piping that hot-reloads require()ed files. It makes interactive development possible. Checkout my backend and frontend interactive isomorphic starterkit: https://github.com/RickWong/react-isomorphic-starterkit It hot-reloads Node server code and client code your browser.

Re: Myself – v1.0.3

#44

Post by paulirish »

drchickensalad wrote: post #27
dustingetz wrote: post #11

This is called interactive development; if you liked this, check these out: * Interactive programming Flappy Bird in ClojureScript: https://www.youtube.com/watch?v=KZjFVdU8VLI * Live-editing React app without refresh: https://vimeo.com/100010922 These demos aren't smoke and mirrors, I and many others do interactive development, 8 hours a day, writing regular web apps.

Are there any good approaches for doing this without a specific framework?

You can do this right now in Chrome DevTools. In the sources pane any changes you make to CSS are live immediately. It's a text editor but totally live.

And if you want to persist those changes back to disk, you can do that, too. https://developer.chrome.com/devtools/docs/workspaces

Re: Myself – v1.0.3

#45

Post by hagendaasz »

Can someone please make more of this but for production web app. I'm willing to pay for it. I want to see the flow of how good programmer code their app from start to finish but in a fast forward way.

Re: Myself – v1.0.3

#46

Post by hagendaasz »

hagendaasz wrote: post #45

Can someone please make more of this but for production web app. I'm willing to pay for it. I want to see the flow of how good programmer code their app from start to finish but in a fast forward way.

Ok just happen to read one of the comments and thecodeplayer.com is awesome.

Re: Myself – v1.0.3

#47

Post by jakejake »

philsnow wrote: post #32
et1337 wrote: post #23

Earlier quoted context omitted.

There's also my favorite: live-editing a VR environment. https://www.youtube.com/watch?v=db-7J5OaSag

I sent this very link to an acquaintance who is looking to get started programming, to give him an idea of how much fun it is to do things interactively in a tight REPL-alike. I think a lot of people who are just starting out get deterred when the only thing they end up with after a week of effort is some hard-to-see changes happening on the filesystem or in some file.

A lot of us who have been doing this for years sometimes spend a week working on something only to see a benchmark slightly improve or a unit test pass - but still get a thrill from it!

But I must add that anything which gets new coders excited is a good thing!

Re: Myself – v1.0.3

#48

Post by chton »

jakejake wrote: post #47
philsnow wrote: post #32

Earlier quoted context omitted.

I sent this very link to an acquaintance who is looking to get started programming, to give him an idea of how much fun it is to do things interactively in a tight REPL-alike. I think a lot of people who are just starting out get deterred when the only thing they end up with after a week of effort is some hard-to-see changes happening on the filesystem or in some file.

A lot of us who have been doing this for years sometimes spend a week working on something only to see a benchmark slightly improve or a unit test pass - but still get a thrill from it! But I must add that anything which gets new coders excited is a good thing!

That's because you can conceptualize what happens through your experience and knowledge. For a newbie, a slight benchmark increase doesn't mean anything because they can't tell what the impact of it is, why it is important.

Closing the feedback loop between typing and seeing a cool result is one of the best ways to get people excited about coding. If 3D or AR helps with that, it's definitely a good thing :)

Re: Myself – v1.0.3

#49

Post by lsiebert »

paulirish wrote: post #44
drchickensalad wrote: post #27

Earlier quoted context omitted.

Are there any good approaches for doing this without a specific framework?

You can do this right now in Chrome DevTools. In the sources pane any changes you make to CSS are live immediately. It's a text editor but totally live. And if you want to persist those changes back to disk, you can do that, too. https://developer.chrome.com/devtools/docs/workspaces

Vim has a number of ways to do this. browserlink.vim for example. There are also grunt and gulp plugins for webdev repls.

Re: Myself – v1.0.3

#50

Post by jakejake »

chton wrote: post #48
jakejake wrote: post #47

Earlier quoted context omitted.

A lot of us who have been doing this for years sometimes spend a week working on something only to see a benchmark slightly improve or a unit test pass - but still get a thrill from it! But I must add that anything which gets new coders excited is a good thing!

That's because you can conceptualize what happens through your experience and knowledge. For a newbie, a slight benchmark increase doesn't mean anything because they can't tell what the impact of it is, why it is important. Closing the feedback loop between typing and seeing a cool result is one of the best ways to get people excited about coding. If 3D or AR helps with that, it's definitely a good thing :)

I'm 100% with you - if it gets new people excited then I'm all for it!
Post reply on HN