Good point! it’s not “reactive”.
Been working on my idea Surprising how complicated something so simple is
Just doing this cause I don’t think my other reply was a proper reply to you
Interesting. I didn’t imagine you would let the css code react directly “inline”. What about a vertical split page, write code on the left, generated page reacts on the right. Just like the presentation you showed me. What’s your thinking behind using this solution instead?
Nah you’re exactly right, there has to be a render view and a coding view, but one of my philosophies is that source code needs to be editable hence the global CSS being able to edit the editor itself, but yep I’ve been thinking about how to do the split view, right click or a key combination to bring up the editor, to support mobile is really hard, 5 second long press or something.
So essentially render view is a traversal algorithm that renders only some properties of a JSON tree such as components basically, and dev view renders everything without loading components.
There is a possibility to slightly merge Dev view and render view like popup modals or a global edit mode toggle which adds hover to change settings stuff.
I know that something like elementor for WordPress is similar but it isn’t real time, you still have to totally reload/recompile the page to see your work as it would look in production, this would let you see the production version directly.
I’ve been working on changing the type of a value and adding a new edge to an object value or array value.
Basically right now there’s a value component which either renders a basic value like a number, string, etc… or an object or array by iterating over the properties/edges, which spawns an edge component, and then edge component shows the edge name, when clicked it spawns a value component showing the value and then the cycle repeats recursively.
Vue does have some limitations for developer freedom in terms of dynamic components but I’m working around it just to get a demo going, and I have my own Vue fork which I’ve edited quite heavily :’)
Gotta get on Vue 3 though
I would say always show the editor + reader. If you only show the reader it’s just a browser. If people want a browser they’ll chose something else.
Instead have a line with a touch area halfway down where people can slide and adjust the dividing line left or right seamlessly, depending on whether they want to mostly read or mostly edit. That way it’s fluent and it doesn’t feel like an either or choice.
VUE3 - exactly. I just began learning about programming. Went through the www.getmimo.com app to learn the basic JS, which I never thought I would learn but the app is great. Very grateful. Now I’m stumbling around in Vue trying to build a project right now. I’ve given up finding developers who are also entrepreneurs and prepared to work on an idea until it (hopefully) cashes in. So I gotta learn this stuff myself.
Keep me posted!
I don’t know if you already listened to this, but the instant update under 100ms made me think I should post this for you: Evan You explains “Vite”
But the idea is that apps made with this can just be used as apps on their own by customers or users, so it needs a mode where the editor isn’t visible But the editor should always be able to be enabled, even by users so they can fork an app or modify it instantly by themselves.
I haven’t listened but I’m studying for some exams at the moment, will watch it though, I signed up for the free vue mastery seminar where Evan talks about vue 3 but I forgot to watch any of the content lol, I’ll give that a watch, he tweets about Vite a lot on twitter lately lmao :’)
Also what did you mean by if people want a reader they’ll go somewhere else? A JSON reader or a whole app reader??
Ah! I think I might have misunderstood what you were doing.
I thought you were making an app developers could install with a double click without the terminal, and then it was set up with all things needed for a local development environment.
Is that what you are doing or is it something else. I’m a rookie here so I might not even understand what you’re talking about (grin)
If it’s a Dev environment I would say a left / right slider. Double click the left side to make it jump to the far left side and you got the 100% browser view. I just prefer to roll a curtain rather than having to go back and forth between two rooms (clicking tabs).
I’m working on an idea that I initially thought would be an easy idea as my first project. Wrong. And I came up with this idea because the other idea I wanted to build required a society that wasn’t closed down due to Corona …
This is a product for people who live in apartment buildings. Building administrators would then decide to subscribe at a ridiculously low price per apartment, and I would go for the volume. It’s an extremely low traffic idea. Every apartment would need it one or two times a week in most cases and it would be a 3 min. visit to the page. But need it they will.
It’s a shame you’re busy on that product you’re working on, because I think my idea could make a few pennies and I could use someone who knows what the hxxx they’re doing, while I continue to learn.
It is both an editor and an app renderer, so you can ship the editor in production, you just limit the editing capabilities of users either completely or slightly, if you want to use the app, just hide all editor windows, if you want to edit, just show some editor windows, it’s both in the one package.
And yeah you can split up and drag and resize windows any way you want, create new windows, you could have 4 at the same time or 6 or whatever you want, by windows I mean “panels” split-view panels
You don’t even have to double click, you could just go to a website which hosts this editor, and start programming, if you want to host it yourself then yeah it’d be a double double to open a html file that you download, because all your new changes would be saved and loaded automatically in the browser, you don’t need to run any scripts on your machine or in the terminal, pretty cool
Nice sounds like a good idea! My dad is a landlord for about 20 apartments so if you need a beta tester let me know
I’ll help with any questions you may have
You got a PM on twitter.