This Framework Changed How I Write Code
Вставка
- Опубліковано 19 кві 2024
- Hey guys, in this video I'd like to discuss how one small frontend framework changed the way I write code and think about building products as a backend engineer.
=== Links ===
☕️ Framework in question
mithril.js.org
☕️ Discord
links.withmarko.com/discord
☕️ Keyboard cleaning app
links.withmarko.com/one-menu
☕️ My Notion Template
links.withmarko.com/notion-te...
☕️ Wallpapers:
withmarko.com/wallpapers
=== Business Inquiries ===
Email: business@withmarko.com
Instagram: @withmarko
=== Affiliate Disclaimer ===
I might earn a small commission at no cost to you, if you click on the product links above.
Hey guys, checkout my free window manager and keyboard cleaning app, we are so close to 10k active users! 😃
links.withmarko.com/one-menu
Being able to code without looking up, is a precious feeling. I mostly code on pure backends without any UI at all, and I go weeks without searching anything. It just feels so good.
Exactly! So underrated, but it’s an amazing feeling 👍
man I'm jealous
@@chaoswithrules Well, when you are constantly searching for things, that also means you are up to date with latest tech, which is an obvious disadvantage for me.
@@rajanhossain9250 I remember when was coding with C I was coding for weeks without visiting google
@@rajanhossain9250 it might also depend on what ecosystem you're in - in Js things move around and change and it takes quite some time to become familliar enough with your stack
While when programming in Go or C++, the tools are all there and not much changes over time and the complexity is not hidden in the stack but in the code itself
Saving you 3 minutes of wondering wtf framework is he going to name: It's Mithril.js. Video is still nice though.
Thanks
Very valuable info! Will check it out for sure! As a backend dev, wanting to build stuff and trying to start some solopreneur part time career, I cant wait to try it out!
A senior colleague introduced me to Mithril in 2018 and I loved it. I'll definitely use it again. Thanks for making this video.
really cool that u reached 200k keep it up 🎉
Thank you my friend 😊
Awesome information! I've also had this experience when I stumbled on solid JS. No rerendering and over-engineering needed but I still have the JSX and other dx like react so it was a smooth transition.
Yes, I really like solid too, it's got a lot of potential.
Thanks for sharing another amazing video, Marko!
Great weekend ahead!
Cheers from Brazil!
Hey thanks Eduardo!! Same for you 😃🇧🇷
Love your videos Marko!
Thank you 😊🙏
@@withmarko Thank you!
Nice one! Also SwiftUI has nice approach in recent Observation release: view will update only if it’s accessing changed part of the state object. So it’s even optimized for free for you.
Hey thanks! :) I will have to look into the latest release, it sounds quite interesting, thanks!
Once u have tasted SwiftUI theres no comeback to react. I still like UIKit more lol but in a few years that will change
Hvala za video! Samo nastavi❤
Really informative. Good job ☺
Thanks Marko for your awesome channel, what’s the name of the coffee where you did your video ?
Hey Marko, what laptop bag do you use?
This is how UI is handled a lot of the time in game development, makes sense to me.
I been waiting for this.
Hey, thank you 😊🙏
hello marco I would like to join the Kahoot! campaign you are working on. What do I need to do to get a job here? I will wait your answer
Man, I've been looking at laptop videos lately and this got recommended.
I was getting more and more confused, then the confusion peaked when you pulled out the laptop, and the screen showed a macOS-like UI. "What Linux DE is this?"
It took me too long to figure out you weren't talking about Framework laptops.
Great video still!
Please how is the TS support today? Can you make a video about that. I'll really appreciate it.
Love your videos ❤ btw which mouse your are using?
Hey thanks! 😊 This is the MX Master 3s, highly recommend 👍
Ruby on Rails is wonderful ❤
Mithril sounds really cool and developer friendly 👀
Yeah it’s cool in the way it doesn’t give a 2 cents about what other frameworks do 😃
Since you are building a window manager I wonder if you considred maybe a making a cross platform window manager like i3 but it can work in all platforms? I assume it would be rust, tauri and win it maybe? But I am curious if you find that interesting to tackle.
New Marko upload!
Yay, thanks for the comment 😊
Love your video, it's been 2 weeks since you posted a video, i been waiting....
Hey thanks 🙏
Which frontend framework should I choose to learn now?
Hey if you are looking for a job, I’d recommend taking a look at react 👍
Hey What kind of program u use bro ?
I love the idea! But I hesitate because it’s still working on the outdated notion of a virtual DOM which in 2024 is redundant. It’d be amazing to see a mithrill with no virtual DOM don’t you think?
Hello sir. Sir I am not good at maths so can I learn and practice dsa and actually become good at it??
Hi Marko
Could you already have received a new laptop from your employer if you needed one, or do you have to keep the Mac for a certain period of time? And secondly, were you able to choose your laptop freely, or do you have to use this specific MacBook?
Hey I think the official policy is you can ask for a new one every 2 years. I was able to choose my configuration which was great 👍
@@withmarko so that means you get a new one soon because yours is already 2 years old , right ?
Potentially yes, but I will probably wait for m4 to come out and some reviews before I decide. I honestly don’t need a new one 😁
@@withmarko ok, thank you Marko. Have a great day😃
Lets go its been 2 weeks!!!! Cant wait to code and watch this and definetly be super productive😁😁🤣🤣
Hey thank you, yes I’ve been a bit busy, but will be posting more frequently moving forward 😃
Update on browser's event is how Angular works using ZoneJS
Hey thanks for the info, I didn’t know this 👍👍
What backpack is that?
On a meta-level, yes, but for the actual production adoption, React is the stuff we are stuck with.
Love aker brygge, love the videos, keep them coming.
I loved mithril ! though I merely code for frontend.
Hello there! excellent video. Please provide a link to the video I viewed a few weeks ago so I may see it again. It shows the MX Master 3S setup. ty
Hey not sure which video you are referring to exactly?
@@withmarko the video where u show the mx master 3s settings
I see nowadays markojs and lit gets more popularity. and this systems gets promises better performance, smaller loading time and request counts. What s you think about for these?
Hey it looks very interesting today, and also a bit different from what I remember a few years ago. Never tried it, even though it has a great name :D
I am not able to join your discord server it says that "Link has expired" what's the reason?
Hey sorry, can you try this link:
discord.gg/Z6qQsSzpUe
what mac?
Did I miss it or wasn't the framework actually named at any point?
Hey sorry I did mention it, but only in one sentence. It's Mithril :)
Is really a good college matters for to become coder. Like u!!!😮
What about your thoughts on HTMX?
Interesting.
Which framework are you talking about?
Hey it’s Mithril link in description 👍
How can I even think about working on my side project when Marko post?!
Hey, thanks for the comment! 😃😃 what’s your side project?
You’re welcome 😄
It’s a cryptocurrency tracker. I have finished the front end work (for the most part), using react. I still need to create a login page, and figure out the backend part of having a profile and saving certain coins to a “watch list.” It’s my first “big” project! It’s been fun and I’ve learn a lot! Thanks for asking 🤗
Hey that sounds like a proper project, very cool! Good luck, make sure to share some links when it's done! :)
Hey Marko i need some help, I’m a 15 year old looking to become a software engineer but I’ve been doubting if I should cause of the new AI’s fast development like Devin. So I don’t know if it’s still okay to get a career in the future or not 😢
Hey that's a great question! Here's how I look at it. People who are actually benefiting the most at the moment from AI are actually software engineers. All those myths that it's replacing devs is just marketing talk. One day yes it will replace engineers, but my take is that when that happens it will be so close to general intelligence, that at that point all bets are off. The whole economy will not make any sense at all. But who knows if / when that will happen. In the meantime it's very clear software engineers are actually profiting from AI.
@@withmarko Yea thanks but you haven't answered if I should continue in this career path or not?
I finished the video and i still don't know what's the framework lol
I mean i get the essence of your story however I'm curious!
Hey sorry, I should have mentioned it more clearly. The framework is mithril.js.org
I am curious about whether you have tried HTMX and what you think about it.
Which app u used to lock your keyboard
Hey I made this app it’s free, you can get it at withmarko.com/one-menu
@@withmarko thanks definitely gonna check out
I thought this was gonna be about HTMX :D
Woah finally 🎉 🧑🏻💻👌
Busy days being a dad 😁
@@withmarko yeah, no worries. 👌
Man i never seen anyone YAAAPPP this much goddamn
Haha, why so?
Lollll, man clicked on a youtube vid expecting pictures, you're good Marko, this kid is just something else
Sir how many years of experience do you have as a software engineer? Plz reply. Thanks a lot.
Hey I have 12 years total, but 8 years professionally 👍
Hi, can I use it with Django?
Hey yes, of course, it's just a frontend framework :)
🙌🏻🔥🙌🏻
i coded a whole flutter app without any googling
🎉🎉
Guys i wanna start programming there is future?
Can Ai replace programers ?
Hey the ai will not likely replace developers, but you should look into how to use ai to your advantage. IMHO, it’s still worth learning to code 👍
Sir do you earn 900k Norwegian Kroners a year as a software engineer in Norway? Plz reply. Thanks a lot.
Hey I don’t, closer to 800 🤓
Great content, I'm hooked 😍. It's just that I now have Stockholm syndrome⛓💝. State management tortured me for a so long that I dedicated a lot of time getting good at it. Now it feels good❣ knowing that I can easily handle👑 what most people struggle with.
Hey thanks! :) Yes state management can sometimes feel that way, totally agree! But I'm happy you were able to get great at it, and now it's a breeze. It must feel amazing :)
Hello Marko, I hope you are well. One question, why did you delete the videos on Kahoot? They were my favorites :c
Hey I had to, Kahoot changed policies on filming
@@withmarko Oh, so bad :c
Let me know your thoughts on HTMX.
Hey Marko, loved your old videos, they were detailed and insightful. Now they are less detaild and it feels like it is fulfilling content only. Could you bring back some depth? Your videos still help me focus though! 😊
Hey thanks for the feedback. What would you like me to cover in the next video more specifically, I'll try to provide more in-depth info? :)
@@withmarko Thanks fr the reply. I really enjoy watching the way you explain the problems and solve it. If you can include coding part, it would be great.
name of the framework?
Hey sorry, should have made it more clear in the video, it's mithril.js.org
@@withmarko will check it out thanks a lot
hi Marko, why did you delete your first videos, and also, why did you leave that company?
привет марко, а зачем ты удалил свои первые видео , а ещё , почему ты ушел из той компании?
Hey I had to delete them because the company policy was changed... :(
@@withmarko This is bad(
If you interested in some valuable information thats sightly different, I highly recommend the video titled "Be An Engineer, Not A Frameworker | Prime Reacts"
Waited very long 😢
Hey thank you 🙏 I promise to post more 😊
@@withmarko await marko.post();
Haha, will try to post more frequently, thanks for the nice comments guys :)
Heyo Marko!
Hey 😃
@@withmarko you alright mate? 😀
Hey doing well, thanks! :) Just busy these last few weeks, hbu? :)
@@withmarko just been trying out the idea you gave me about vlogging and stuff!
Also just keeping busy
How's being a parent 😅
I mean... I still don't like JS x)
I think I will try to learn RUST
HOWEVER I love the name MITHRIL ! :)
ngl, I thought this was going to be about framework laptops
me toooooo
** Solid JS has left the chat ** 💀💀
I like a lot of things about solid, ngl
I don’t think people nowadays appreciate “feature-complete” stamp as they really should be. And all of this because of SaaS mindset built by all the tech companies
100%
hey Marko
why you delete your office video's and " you Day in The Life of a Software Engineer " video.?
i loved your video, I must have watched all the videos 20-25 times.
please re-published your office word videos.
thank you.
lots of love.
Hey thank you for supporting my channel 🙏 Kahoot no longer allows those videos, so I had to remove them 😔
hello markooooo
People who use frameworks are doomed to fail.
Speaking of Discord if you're in the US, which I know can't be ONLY me, please opt out of arbitration before the deadline. No Text to Speech has an instruction video. Super annoyed with them for doing this. I love discord but this may be why I cancel Nitro.
"It accomplishes 80% of what other frameworks do with 20% of the code".
Press X to doubt, as about 40% of all the frontend code ends up being the HTML layout, and I doubt a framework that doesn't use JSX can output the same HTML tags in fewer lines of code.
But I know that React hooks are so needlessly verbose and tend to bloat the code a lot, which is why I am still using class components to this day.
Press X to doubt, JSX has way more characters than hyperscript for the same HTML
@@withmarko I was not joking, I was being quite literal. JSX can express the name of a piece of HTML with just a string literal and < />.
There is no logical way to get shorter than that. The functionality can be literally anything, I can do it even in plain JS, but the layout has to be its it's natural HTML form for it to not be a mess. And if I can't do JSX I will just put it in old fashion .html files.
There is no way to do the complex UIs of today and being only 3 layers deep, and the last thing I want to do is do a chain of many nested function calls like I am writing Lisp or something...
Next video "I made a paper laptop"
Haha, why? 😄
@@withmarko More people get more interested and most likely I just got a notification and before I watch the whole thing 400 people are going to comment, so I need to be first without saying 'first', and you see my comment, haha.
Hahaha, it worked 😃
@@withmarko Sure did hahaha.
this coffee looks 😟
It's tea :D
@@withmarko Oh well 😃
marko please unban me from the server there has been a miss understanding
Hey not sure what happened, what’s your username?
@@withmarko nikichashadow
Ok I’ll take a look what happened 👍
@@withmarko did you figure it out
@@withmarko did you unban me
Marko was out for blood. LMAO (ANGULAR and REACT fanboys will respond). LOL
Haha, just providing a different perspective :D
Back in the day, we knew that RoR was like gilding a turd. If you'd worked with any kind of mature framework you knew how dogshit Ruby was. It has ALWAYS been slow compared to other more established languages and frameworks. Too many people are attached to Ruby because of nostalgia. They used it in college. Or it's all they knew. Update on event is fine for small projects, but if you've got something that's updating the data regularly, bursts of DOM updates like with event based data updates can lead to UI jank. By all means, use what you feel works best for you, but there's reasons why people ultimately settle on the same patterns over and over again. You can only skin a cat so many ways and some ways are just the most efficient.
First❤
Hey yes you are 😃🔥
React is performant enough, CSS is bottleneck most of the time. State changes are not the problem, this problem solves VDOM. But the real problem that solves React is updating UI, and updating anything else is the solution.
Hey are you referring to CSS in the form of styled components and similar, or plain CSS?
@@withmarko you can make complex application in React, with 100x unoptimised renders without CSS and it will be very smooth, then add some css with reflows and you will have problems with caluclating elements posision etc. this kind of problem you will have in any frontend framework.
Wow, such a biased take on "anything other than the solution I found and like".
Everything you said is applicable to other frameworks if you know how they work.
Plus, 90% of the times you wouldn't worry about renders.
5 min video and this mf doesn't get to the point
What was the point you were expecting to hear, mf?
i wish someday i can code without going every 30 minutes to check something..but that's juniors life.
One day will be.
Marko, as always, hugs from here
oh and thanks for the info about mithril.. i'm tired of react
Hey that's perfectly ok, you will find yourself googling less and less, although it's a bit harder with frameworks that change all the time :D