Frontend

/frontend dev・founder/decentralized data wrangler /blockhead・ritual.net・UI/UX abstractionist・DeFi/web3 builder・dropout・24・prev /dydx・x.com/darryl__yeo

That's why I love svelte. Conditionals in react components kill me

I absolutely adore Svelte for this.

`? :` and `.map()` / `key={}` / `<></>` (or `<Fragment>`) take so much brainpower, both to write and to interpret.

`{#if}` / `{:else}` and `{#each}` leave absolutely no room for confusion.

I absolutely adore Svelte for this.

`? :` and `.map()` / `key={}` / `<></>` (or `<Fragment>`) take so much brainpower, both to write and to interpret.

`{#if}` / `{:else}` and `{#each}` leave absolutely no room for confusion.

https://learn.svelte.dev/tutorial/else-if-blocks

Building /frametown. Amusement, wonder, and uncertainty ✴︎ libred.org


99% of my time debugging an inherited React codebase is reformatting the conditionals to look like this just so I can tell what’s happening 🫠

```jsx
return (
    condition ? (
        <>
            <div></div>
            <div></div>
        </>
    ) : (
        <div></div>
    )
)
```

Plus, there is no JSX. I feel like 40% of my time spent writing JSX is fixing mismatched parens

same with Vue. i miss it a lot. might flirt with it soon again though

The syntax is horrible though.

Why to have a different mark character for beginning and ending a tag.

did like this about vue.

(though ts and syntax support in vscode was bad)

Easy on the eyes. Very similiar in Vue with Directives :

Vue’s `v-if` and Angular’s old `*ngIf` directive always read a little backward to me though, since the attribute comes after the name of the element that you want to make conditional.

I prefer the all-encapsulating control flow syntax of Svelte and the new Angular:

Full-stack developer making thetoolshed.xyz  • social media-averse until I found Warpcast •

thetoolshed.xyz/raphaelaviz

Vue’s `v-if` and Angular’s old `*ngIf` directive always read a little backward to me though, since the attribute comes after the name of the element that you want to make conditional.

I prefer the all-encapsulating control flow syntax of Svelte and the new Angular:

https://angular.dev/api/core/@if

Easy on the eyes. Very similiar in Vue with Directives :

https://vuejs.org/api/built-in-directives.html#v-else

Also no styled-components and other libraries for limiting the scope. 

Just writing CSS directly in the code of component

Same vibes like the first webdev tutorials I was watching when just starting ✌️

I will like to give svelte a try to see why its getting much attention