Implementing bits of Todos App with my own online IDE

#showdev #javascript

Here are a few loom videos I recorded today:

Check out this demo.

Enjoy the videos and playing around but most importantly let me know what you think about the project? 😉

Top comments (8)

Jakub T. Jankiewicz • Jun 11 '20 • Edited

Did you build glue.codes? Looks like lot of work. Not very usable though.

chris-czopp • Jun 12 '20

Yes, but not only myself. There is one more developer behind it. Bear in mind it's a prototype which is quite limited. I really value any feedback, especially criticism. Can you elaborate why you think it isn't usable?

Jakub T. Jankiewicz • Jun 12 '20 • Edited

I've only played for few seconds but here are the things I've noticed:

Unintuitive UI you don't know what all those dropdown selects do.
Dropdown select opens new browser tabs, which is annoying.
It's slow to change the files (I don't even sure if those are changing files) they should be loaded to memory for better performance.

check CodePen as example or any IDE you don't need to instruction to use them.

chris-czopp • Jun 12 '20

Thanks, yeah there are still performance optimizations to be made. Right now it blocks I/O which is obviously bad. It opens new tabs so you can arrange windows as you like on multiple screens but I get what you're saying, we might allow both ways. CodePen isn't really an IDE, it isn't made for building apps from multiple files. We generate multiple files and need some sort of navigation among them. Since it uses a very compact and generic state management, we don't need file explorer. Hence the dropdowns. But we can change it of course. Also, we're thinking of having a desktop app to address the limitations of in browser environment.

Jakub T. Jankiewicz • Jun 12 '20 • Edited

Yeah CodePen is not good example of IDE but it's example of good UX. As example of real IDE check stackblitz.com/ it have file tree on the left, worse UX is to surprise the user, every IDE out there have file tree on the left. If open in new tab is for multiple screen you should make it optional maybe dropdown menu (with 3 dots) near the opened file.