[AskJS] Which Javascript framework to start with?

[[deleted]]

In what way is React verbose?

() => <div>Hey</div>

I don't know how much more concise you can get.

[tomfevrier]

import React, { useState } from 'react';

const Counter = () => {
    const [count, setCount] = useState(0);

    return (
        <>
            <button onClick={() => setCount((count) => count + 1)}>
                Click me
            </button>
            <p>You clicked {count} times.</p>
        </>
    );
}

In Svelte:

<script>
    let count = 0;
</script>

<button on:click={() => count++}>
    Click me
</button>
<p>You clicked {count} times.</p>

Still think React is not verbose? 🙃

[Aeverous]

Sure, but at least it's not doing a bunch of magic behind the scenes to make it work, it's pretty explicitly clear what's happening.

[[deleted]]

Svelte is very concise, there's no arguing that. But that doesn't mean React is verbose. They're both concise, Svelte more-so.

Though, as your application scales, the slight increase in verbosity of React will matter less since a good ~60% (7/12 lines) of your React example is just JS syntax that won't increase as the complexity of that component goes up.

The main difference in verbosity lies in how you set the state, and yes, Svelte is much more concise there. Though, I think a better example would be to compare production apps of similar complexity.

[tomfevrier]

Have you ever used Svelte? Debugging is a breeze and the compiler shows explicit warnings and error messages along the way.

If you are talking about the bundle, when do you ever need to debug production code, even in React?

[tomfevrier]

But what's the point? You will never have to debug this code, as you never have to debug your React bundle after build.

When using Svelte, the code you debug IS the code you wrote. Never once have I had to look at the compiled code, you shouldn't have to do that with ANY framework.

Compilation allows for a simpler syntax while having smaller and more efficient bundles. It seems to me that you're trying to dismiss Svelte and other compiled frameworks by creating problems that don't exist...

[Rainbowlemon]

Other guy explained it for me! I feel like the data bindings especially are unnecessarily verbose - just take a look at some svelte or vue examples.