Alice Averlong🏳️⚧️me: I need to make a simple web-app for a project
also me: I need to learn some react basics for a job interview
WHY NOT COMBINE THE TWO? good question, why not?
christ, the first example in the react docs has a minor error.
not giving me a good feeling about the quality of this software
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
I updated it a bit.
(I should add ĄŽERTY just in case I ever flirt with any Lithuanian tranfems)
I've accidentally put it next.js into an infinite loop
it's constantly trying to recompile the typescript
it's constantly trying to recompile the typescript
okay I think I'm gonna give up on getting autocomplete to work for now.
There's like half of a result on google for the error I'm getting
or maybe I just need to clientside render the whole thing
okay it's all there and working, it just looks like shit because I haven't properly laid it out
OK, I laid it out. This was 99% easy and straightforward, and 1% WHY IS THE ADD BUTTON PLACED STUPID
things I still need to do:
* make this webapp list the existing keysmashes in the database, not just add new ones
* make the add-dialog a dialog/drawer, not permanently taking up half the page
* figure out how we're gonna do redaction/anonymization. Some of the 26 users in the database (and future users) may not want to have their names in any future public release.
* hook it up to the heatmap
* render the keysmash as an animation, with handedness highlighting
* make this webapp list the existing keysmashes in the database, not just add new ones
* make the add-dialog a dialog/drawer, not permanently taking up half the page
* figure out how we're gonna do redaction/anonymization. Some of the 26 users in the database (and future users) may not want to have their names in any future public release.
* hook it up to the heatmap
* render the keysmash as an animation, with handedness highlighting
* fix dark mode. I didn't have a migraine the last time I was coding on this ✅
WHY WON'T THEME SWITCHING WORK
okay my theme switching does kinda work if I hardcode it to dark mode, then I can switch the theme
but it only affects the theme, not the background.
But the background is set by the system theme, so if you have the theme set to lightmode and system them set to dark, you get a black background and black UI form
So it's just invisible
<CssBaseline /> was the issue. I wasn't including it
so I can switch themes but it's not getting my browser theme, hmmm
oh it was but my manual color theme setting was overriding it.
okay it's working.
react is a tiring framework.
everytime I need to make a tiny change, I end up getting mad for an hour and then I'm tired of programming for the day.
gloriouscoware you sure you're using React?
because if you're getting mad you might actually be using Angrular
@gloriouscow I should make a video where I respond to my shitty app. you know, a react react video
@foone when I'm struggling with CSS I just eat some beans
tailwind really does make it easier
@gloriouscow pffft
both a reaction to your joke and an impression of the sound it makes
This was many years ago but i once worked with this front end dev, guy named Jake. He was a kind of an odd fellow. Real lanky dude, didn't talk much. And normally he wasn't the greatest programmer, a bit sloppy.
But when we got into crunch mode and the hours grew longer and longer, it's like the pressure and stress unlocked his potential. Once, in the last 48 hours before a big deadline, I walked in on him surrounded by about a dozen empty cans of Monster, just furiously typing away, muttering to himself. I was about to say something when my boss shot me a stern look and shook his head.
So I stood there. We all just stood there, watching.
After a few more minutes of this he slammed down on the enter key, and stood up, stumbling to the corner where he had sleeping bag, and just collapsed on it.
We crowded around his monitor. Unbelievably, he had cleared every outstanding bug.
I turned to my boss. "I don't get it. How does he get better the more exhausted he is?"
My boss just looked at me like it was obvious. "Our front end code depends on Jake weary."
Chip@foone @gloriouscow Get. Out.