Resilience to errors in front-end frameworks

This is an attempt to measure how good are front-end frameworks in dealing with simple errors.

I took the implementations of TodoMVC made in 5 different frameworks: VanillaJS, React, Vue, Svelte and Elm.

Then I injected 7 different errors and I analyzed the behavior.

After injecting error in the 5 implementations, I measured the outcome using this scale (ordered from best to worse):

• A. Impossible to introduce such error
• B. Compiler error
• C. Nothing render on the screen and there is an error in the console at start
• C (2) .The app render and there are no bugs
• D. The app render on the screen, it has a bug and an error in console at start
• E. The app render on the screen, it has a bug and an error in console during execution
• F. The app render on the screen but it has a bug, end there are no errors in the console

They are ordered in a way that I find more desirable. For example, having the app not showing at all (rank C) is better than having it appear on the screen but with bugs (ranks D, E, F) because in the first case it’s easier to note that there is something wrong.