// TODO: Placeholder. Replace with a better solution

Never does

Here's what being in a rut is like:

You wake up to the alarm, you waste an hour or two in bed stalling browsing social shit. Finally got out of bed. You have a todo list. You ignore it. Get something to eat. Open Netflix or some brain numbing shit while having breakfast. A few hours go by, you're still watching Netflix and switching to browsing social shit in-between so your brain is numb as much as possible. It's lunch time, you're supposed to cook something, nah, I will order something. Oh, it's bedtime, let's make a todo list and go to bed and start over tomorrow...

// todo: refactor this!

Advice from me to my future self.

"BUSCAR TODO"

This Spanish translation for "SEARCH ALL" just tricked me into thinking that a translation is missing 😅

I'll just use my Android tablet to set up Alexa, how hard can it be..

"Your device is not supported"...

So..

Add on todo list, upgrade OS on tablet..

How hard can that be . . .

Put in my residence permit application and suddenly my todo list got very short. 👀

Wish me luck! 🤞

I got a long weekend. I decided to see what React has been up to these days.

I happen to learn more about Suspense that now it allows f**king data fetching with relay.

I decided to give it a try . First time I am actually inclined towards trying out relay just so I can see what the f**king fuss about `Suspense` is all about.

Honestly the API is much better than what it looks like .

However what the fuck is this fucking relay. They have a page in their doc called glossary and most of the sections says TODO .

I wanted to see how the fuck data driven code splitting works . Due to the lack of proper documentation about it I could not get it right for two days . I stumbled upon couple of docs / blogs / github issues about it and then finally managed to get it working .

Well the end result wasn't as cool as I thought it would. The fucking API's to achieve this needless method of code splitting is insane
There are lot of better ways to achieve this with Suspense and the API relay offers is so shitty and not fucking type safe.

Now today I wanna learn more about the directives relay offers and there is no fucking documentation about them except for a fucking bold `TODO` explanation under the sections.

If relay developers thinks that they are fucking wizards and talk all about improving fucking performance . Please don't fucking over engineer API's and make it un un maintainable for the consumers of the library

Wow this feels good . first Day in rant and I m feeling great

Why the hell Jira is so fucking slow? Like, I understand that there can be a lot of items to display but YOU DON'T HAVE TO DISPLAY ALL OF THEM. Trying to move task from TODO to IN PROGRESS - and website fucking freezes. What the actual fuck

I'll just reboot my phone, what is the worst that can happen..

"File size too big, may crash application"...

It doesn't, but for some reason it only opens my todo list as READ ONLY..

Well, that isn't very helpful is it !

How big is too big you are wondering, 200k it says, anything beyond that, big problems..

Of course, its some weird ass text format that means editing it in another editor will be, really difficult..

Grrr..

And I just got a newer phone, only the screen is cracked :-(

Did it happen in transit I wonder, or did the seller not notice, or did they notice and that is why it was super cheap..

It was covered in bubble wrap, in a box, which was then covered in a lot of bubble wrap, inside another box..

But when I opened it, the case of the phone was loose, like it had been dropped..

So, did that happen in transit, or maybe the sell just dropped it the moment before they started to wrap it in bubble wrap..

You can't see it easily, only at a certain angle in the light, and the phone appears to work ok so far..

I guess a really good case for it and a screen protector to help hold the screen together for a few years might work fine.. ?

Now to spend all day getting access back to my todo list..

I implore ANYONE... please...

Have you EVER written a SINGLE Jest test that didn't have some sort of bullshit spewing stuff like this:

"ReferenceError: You are trying to `import` a file after the Jest environment has been torn down."

"Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."

and yet running on a device, features work flawlessly and quite well, no errors or even warnings in sight logged

This is the most fragile pile of garbage I have ever seen.

I hate this.

inb4 your stupid ass todo boilerplate garbage you wrote tests for in freshman year. i'm talking about a REAL app with HUNDREDS of components.

where the grownup testing tools at? it's a question I've still not answered after a year of fucking around with this framework

A year ago I built my first todo, not from a tutorial, but using basic libraries and nw.js, and doing basic dom manipulations.

It had drag n drop, icons, and basic saving and loading. And I was satisfied.

Since then I've been working odd jobs.

And today I've decided to stretch out a bit, and build a basic airtable clone, because I think I can.
And also because I hate anything without an offline option.

First thing I realized was I wasn't about to duplicate all the features of a spreadsheet from scratch. I'd need a base to work from.

I spent about an hour looking.
Core features needed would be trivial serialization or saving/loading.

Proper event support for when a cell, row, or column changed, or was selected. Necessary for triggering validation and serialization/saving.

Custom column types.

Embedding html in cells.

Reorderable columns

Optional but nice to have:

Changeable column width and row height.

Drag and drop on rows and columns.

Right click menu support out of the box.

After that hour I had a few I wanted to test.

And started looking at frameworks to support the SPA aspects.

Both mithril and riot have minimal router support. But theres also a ton of other leightweight frameworks and libraries worthy of prototyping in, solid, marko, svelte, etc.
I didn't want to futz with lots of overhead, babeling/gulping/grunting/webpacking or any complex configuration-over-convention.

Didn't care for dom vs shadow dom. Its a prototype not a startup.

And I didn't care to do it the "right way". Learning curve here was antithesis to experimenting. I was trying to get away from plugin, configuration-over-convention, astronaut architecture, monolithic frameworks, the works.

Could I import the library without five dozen dependancies and learning four different tools before getting to hello world?
"But if you know IJK then its quick to get started!", except I don't, so it won't. I didn't want that.

Could I get cheap component-oriented designs?

Was I managing complex state embedded in a monolith that took over the entire layout and conventions of my code, like the world balanced on the back of a turtle?

Did it obscure the dom and state, and the standard way of doing things or *compliment* those?

As for validation, theres a number of vanilla libraries, one of which treats validation similar to unit testing, which seems kinda novel.

For presentation and backend I could do NW.JS, which would remove some of the complications, by putting everything in one script. Or if I wanted to make it a web backend, and avoid writing it in something that ran like a potato strapped to a nuclear rocket (visual studio), I could skip TS and go with python and quart, an async variation of flask.
This has the advantage that using something thats *not* JS, namely python, for interacting with a proper database, and would allow self-hosting or putting it online so people can share data and access in real time with others.

And because I'm horrible, and do things the wrong way for convenience, I could use tailwind.
Because it pisses people off.

How easy (or hard) would it be to recreate a basic functional clone of the core of airtable?

I don't know, but I have feeling I'm going to find out!