Which JS frameworks besides React allow live-editing?
I recently implemented live editing for React components, so you can edit their markup and code and have changes appear in the browser without reloading or throwing the state away:
It works on top of Webpack Hot Module Replacement (which is like LiveReload for every module) and it patches components' prototypes and forces re-render, which React can do gracefully, updating only the changed parts.
In my understanding, live-editing JS is only possible if the UI framework has following characteristics:
- its components encourage modularity in form of reusable components;
- DOM doesn't get thrown away on updates;
- views have deterministic lifecycle and can be asked to re-render.
Are there any JS frameworks other than React that satisfy these requirements?
To what extent is it possible to implement code live reload for Angular, Meteor, Mithril, etc?
(Live JS Reload that relies on browser plugins like fb-flo or Light Table or connects to Chrome as a debugger is out of the scope of this question. I'm wondering about pure JS solutions.)
Some frameworks which allow live-editing and live-coding:
- Meteor 0.9+
- React
You've also severely limited the question by disallowing anything that connects to a browser's debugger which is actually the best way to get live-coding done.
- Is it possible to pull css values with HTA javascript?
- What a strange syntax?
- JavaScript / Jest: How to show logs from test case only when test fails?
- How to secure my login page
- How can I create a two-way mapping in JavaScript, or some other way to swap out values?
- Route "/[locale]" used `params.locale`. `params` should be awaited before using its properties
- Page.locator() is the recommended way to select and interact with elements. Why does it offer less functionalities than Page.$()?
- How to filter object array based on attributes?
- How do you convert from emoji to unicode escapes in JS
- How to simulate a mouse click?
- Is it possible to add a single item to a vis.js timeline?
- How to ensure order of Cypress request execution
- Jquery Ajax Problem
- Can I run a function after navigating to a new page and waiting for that page to finish loading?
- Cannot start cocos after adding a new file
- Active link with React-Router?
- Is there a way to schedule offline notifications in a pwa?
- How to get the grid coordinates of an element using JavaScript?
- Bootstrap popper.js Failed to find a valid digest in the 'integrity' attribute for resource
- LeafLet map doesnt render properly on modal
- Create object from array
- How to ignore lines of code from coverage in vitest?
- How to manage CORS in Django
- How can I get an element's Accessible Name in javascript in the browser?
- TypeError: fs.readFileSync is not a function in Next.js
- Show hide divs on click in HTML and CSS without jQuery
- If an IIFE contains just one variable declaration that is immediately exported to global scope, why bother with it?
- Need explanation on following type of Javascript code
- What does an array literal with the `for` keyword inside mean in JavaScript?
- How to call a function every minute in a React component?