The JSConf RU-vid Channel. JSConf is a series of JavaScript conferences from around the world and here we release the conference talk videos for free as fast as we can after every event.
Topics include JavaScript, HTML5, CSS, node.js, robotics, etc.
Hey Atila, nice to see you here and what a cool presentation! I will likely be working more in the JS / React domain going forward, so stumbled upon here. In case you didn't remember... I'm that certain PO that worked with you someplace for a somewhat brief period ;) All the best!
choices for personal project: 1) cache the only reactive element by index.... 2) cache selector, and the parent(for scoping) for the specific element, inject the selector at first render...
Wish the audience had gotten the hang of how cool and important this is in order to make pages more performant and save devs a lot of time writing code and debugging
This was an awesome talk. I've been trying to talk to other devs about this topic for years now, but I'm kinda bad at explaining myself :p About 6 years ago I was faced with a rewrite. Although it's true that hindsight is 20/20, there were some general things with the current project I wanted to see if I can avoid. 1. It felt very much like I was maintaining 2 apps... the front end app and the back end app and I had to keep both in sync as well. 2. Although most 3rd party tools I used worked, I often had to bend them to my will and often even override certain parts to get the exact result I wanted. Had quite a bit of bloat after 7 years of dev... 3. Businesses/Clients don't want to spend money on expensive hardware. So they always had low end, very old, or low end and old hardware that didn't like having to handle tons of JS. 4. I wanted to rather focus on long term productivity and maintainability. I think the industry is way to obsessed with "how fast can I build something today" and then 10 years later the company has millions of lines of code that was build with 3 different versions of whatever framework they chose and none of the original developers are there still. I could not find anything that fit what I wanted to do and HTMX wasn't a thing yet. So I came up with my own ideas and patterns and made the server do pretty much all of the work. It's really simple... user interacts with page, interaction is sent to server, server processes the interaction and updates State, and then IF needed... send back some HTML to update the UI. Came up with my own way to template HTML and a generator so I don't have to write any HTML by hand... I just define what I want and the generator spits out the actual HTML. No more typos messing things up :) I have zero 3rd party JS. The JS I do have is extremely simple and is mostly just to handle some user interactions... here and there... It is fast... real fast. Especially on devices with crappy SOCs like old handheld scanners. I have absolute control over how everything works... what updates, when, or how is an open book and I'm writing the book. I learned more about JS and CSS in 1.5 years than I did in the 12-ish years before... I've been working in software for almost 2 decades, but coming up with these ideas, building it, and it all actually working better than I hoped, was the best 1.5 years of my entire career. I didn't realize it at first, but for the first time in my career I was actually building something instead of sticking 3rd party pieces together. By no means am I saying everyone should dump what they are using and just roll it on their own... if there is an off the shelf tool that does exactly what you want or need, then use that.
<button onclick="$$('dialog').showModal()"> I get error with this because it says that $$ not define then when I take them out it says it is not a function is there something more I need to know?
marker is a game changer but do i want my stuff to jump up maybe that was just a demo this is great information I don't use most of this stuff but now I see I can and I can probably use marker open with some transitions :)
The smart man at night shows how to make an opening animation for a dialog, but this is while there is no option to make a closing animation, which means it is not possible to do it without JS. hook
I thought i was the only one that always has this strong propensity of understanding how thing work under the hood 😫😫😫😫, Thank GOD I have some fellas with me 🙏
