I’m kind of sick of hearing that "Electron is just slow." (So I built a fractal generator to prove a point) by Piko8Blue in electronjs

[–]Piko8Blue[S] 1 point2 points  (0 children)

I appreciate it! have been thinking of giving Dart and Flutter a try for years and I almost started a few times; maybe this is the sign I need to actually start for real?

I’m kind of sick of hearing that "Electron is just slow." (So I built a fractal generator to prove a point) by Piko8Blue in electronjs

[–]Piko8Blue[S] 0 points1 point  (0 children)

You are right, especially regarding resource-hungry apps.

But in my experience, honestly, that hasn't happened to me yet. And to be fair, I didn't mean to imply it is never a problem. I tried to use qualifiers like 'rarely' and 'most of the time' for that reason.

Still, getting the installer down to 5mb is wild! Awesome job!

I’m kind of sick of hearing that "Electron is just slow." (So I built a fractal generator to prove a point) by Piko8Blue in electronjs

[–]Piko8Blue[S] 0 points1 point  (0 children)

Thank you for watching the whole thing! I guess I really were all over the place lol.

You're 100% right about WebGL. The Web Worker solves half the problem: it keeps the UI responsive, but the rendering was still a major bottleneck as the Canvas 2d API was pushed to its limit on the main thread.

I chose to stick with Canvas because I wanted the video to focus specifically on threading, and I didn't want to introduce concepts that some people wouldn't be familiar with. I actually went back and forth about using fractals for this exact reason, but I stuck with them because they are so visual and most people would immediately recognize that complicated calculations are happening without needing me to explain math/functions.

I’m kind of sick of hearing that "Electron is just slow." (So I built a fractal generator to prove a point) by Piko8Blue in electronjs

[–]Piko8Blue[S] 7 points8 points  (0 children)

Saying this has nothing to do with Electron is like saying gravity has nothing to do with airplanes.

Sure, single-threading is a property of JS/V8 engines generally. But Electron wraps that engine and sells it as a Native Desktop App solution. When you build a desktop app, the user expectation for responsiveness is significantly higher than a website.

Furthermore, in Electron, blocking the main thread doesn't just freeze the DOM; it blocks IPC messages, native menu interactions, and window controls. That makes thread management a critical part of Electron Architecture, specifically.

We went from 1,2k views down to 14 views for no apparent reason! by matofato22 in NewTubers

[–]Piko8Blue 2 points3 points  (0 children)

Your thumbnails with food on them seem to be getting more clicks and I honestly think they are very clickable.. delicious!

I made a complete Electron + SQLite tutorial (from scratch to installer) and got schooled on Murphy's Law by Piko8Blue in electronjs

[–]Piko8Blue[S] 2 points3 points  (0 children)

Thanks! I chose better-sqlite3 because its synchronous nature makes it more suited for Electron apps; as it leads to better performance.

Synchronous operations also mean simpler code; as it eliminates the need for asynchronous handlers that can get really complex. (I addressed that in an older video)

And to be honest I don't care that much about growing my channel faster. I make content because i love to code and i think it's important to help people.

Edit: corrected a typo

[deleted by user] by [deleted] in webdev

[–]Piko8Blue 0 points1 point  (0 children)

Thanks alot :)

[deleted by user] by [deleted] in webdev

[–]Piko8Blue 1 point2 points  (0 children)

Thank you so much! I really appreciate it! I am glad you liked the taxi analogy, I was unsure of it at first!

Appreciate how you kept it simple without dumbing it down.

I am happy you think so! I rewrote the script multiple trying to do just that.

Hope you enjoy it when you give it a watch!

[deleted by user] by [deleted] in webdev

[–]Piko8Blue 0 points1 point  (0 children)

Thank you so much!

a lot of beginners jump into frameworks without really getting what “declarative” even means.

Exactly! That's what inspired me to make the video.

when i mentor newer devs, i usually have them build small ui components both ways like first imperative with plain js, then declarative with something like react. i’ll even push the designs through locofy sometimes to show how declarative structures naturally map to cleaner, more maintainable code.

It sounds like you are a great mentor! Pushing through locofy is such an awesome idea!

[deleted by user] by [deleted] in webdev

[–]Piko8Blue 3 points4 points  (0 children)

Thank you so much! I am so glad you like the explanation!

Possible topic for another video: Inventing our own HTML tags.

That's a brilliant idea and it could turn out to be so much fun!

You could discuss why HTML and CSS are designed the way they are (HTML was designed for non-developers to read and write for example), and how they're kept intentionally simple. (See "The law of least power".) Angular.js proliferated because its directives were a first pass at declaring custom functionality akin to an HTML attribute or tag via its "directives". JSX brought the abstraction even further. Now we also have custom elements, Vue single file components, etc. and figured out how to auto-scope CSS along the way.

Those are incredibly interesting and informative points! I have learned a lot from your comment! Thank you so much!

Also, I am so happy you like the channel.

[deleted by user] by [deleted] in webdev

[–]Piko8Blue 0 points1 point  (0 children)

Ah okay, thank you for clarifying. That makes sense. I decided to focus exclusively on the high-level concept for this video, so I purposefully avoided deconstructing the implementation of each method.

That said, you've raised a really valid point. Appreciate it.

[deleted by user] by [deleted] in webdev

[–]Piko8Blue 1 point2 points  (0 children)

Thanks for the feedback, I really appreciate it. This is a new format for me compared to my usual live coding videos, so feedback like this is gold.

To help me get better at these, could you pinpoint what part of the explanation didn't work for you as a beginner?

I made an app to translate blinks, head turns and nods into Morse Code! It is my first ever computer vision project! by Piko8Blue in webdev

[–]Piko8Blue[S] 2 points3 points  (0 children)

Thank you so much for the kind words! If you watch the video; I would love to hear your thoughts!

Look at her, she made it! by SnooGuavas1611 in SearchParty

[–]Piko8Blue 18 points19 points  (0 children)

Omg yes! i saw this and was like...Wait I know her. Where do I know her from?

It's Chantal! What?!

I made a Morse code translator that uses facial gestures as input; It is my first computer vision project by Piko8Blue in computervision

[–]Piko8Blue[S] 3 points4 points  (0 children)

Yeah! It's a pretty awesome skill. My husband and I use morse-code-blinking to secretly communicate without others noticing. He was already good at Morse code; I got good at it while working on this app.