me: I need to make a simple web-app for a projectalso me: I need to learn some react basics for a job interview

[foone@digipres.club]

christ, the first example in the react docs has a minor error.

not giving me a good feeling about the quality of this software

[possiblyaxolotl@peoplemaking.games]

@foone I always learn a tool by creating some project I was planning on doing anyway and then by the end I look back at it all in horror

[endlessmason@hachyderm.io]

@foone
Eight minutes lol

[foone@digipres.club]

@possiblyaxolotl yeah, same.
I am really terrible at learning from books/guides. Like I can read it and get all the concepts just fine, except they go right out the window unless I do something with it. Doing something with the new tech is how I remember it

[foone@digipres.club]

@EndlessMason and it took me about 7 minutes to get around to opening the docs

[williamoconnell@mas.to]

@foone What is it?

[thomasfuchs@hachyderm.io]

@foone React is one of the biggest piles of crap I’ve ever seen.

Even the basic premise of it (kind of “let’s build a browser in the browser”) is deeply flawed.

[foone@digipres.club]

@williamoconnell the first CodeSandbox embed has a "Show More"/"Show Less" toggle but all it shows/unshows is a blank line at the end of the code

[foone@digipres.club]

@thomasfuchs yeah that's been my impression too, but a job I'm applying for does some basic react code-a-longs for their tech interviews, so I'd like to be familiar with it.

[cloudthethings@hachyderm.io]

@foone joke’s on you, there are no simple react web apps.

[kawazoe@transfem.social]

@foone@digipres.club The whole thing is built on top of two massive anti-patterns (the order of calls to methods [useState and useRef, and thus nearly every hooks] changes their outputs, and implementing logic with exceptions [don't look into suspend too much]) and is so complicated to use correctly that they had to release a precompiler to make it bearable. Of course it's absolute garbage.

[foone@digipres.club]

okay so my first attempt at writing any react code resulted in a hydration error and also my UI elements are rendered black on black, making them invisible

[xferok@tacobelllabs.net]

@foone That's how it goes

[mmu_man@m.g3l.org]

@foone nobody hydrates a pizza like you!

[mirth@mastodon.sdf.org]

@foone Even "good" React is Byzantine and slow. The good news is the inefficiency creates jobs...

[theorangetheme@en.osm.town]

@mirth @foone There's a Keynes quote in here somewhere.

[ben@mastodon.lubar.me]

@foone most of the things I do result in a hydration error and I've never used React

[mellivora@im-in.space]

@foone does that mean you need to drink more water or?

[pyxaron@dragonchat.org]

@foone It took me a moment to figure out that "Hydration error" is an actual thing in react and not just a way of saying it made you spill your drink.

[foone@digipres.club]

What obvious layout am I missing?