I will give it a month max. I recently got a job call for minimum 5 year experience in Vue 3. Not Vue js, but Vue 3 specifically. I am pretty sure it is less than two years since Vue 3 was released.
I was a backend dev. I shifted to full stack. I saw the chaos that is javascript. I went back to my old ways of acheiving zen. 10 years + of Nodejs and 6 years + of ES6 and still everything is on fire with front end development. I hope you front end engineers find peace in life.
NodeJS is a dumpster fire. Deno was overhyped to death, sure, but it was a great proof of concept. In built typescript support, no /node_modules, way better at installing and packaging bundles. After just a few months of not having set up my own nodejs project, I was stumped while trying to create my own CLI.
I thought the exact same thing when I found node 0.14's source in one of my old backups... But then I look at what PHP has been up to the past few years and I just feel so goddamn old. x.x
Even tough JS back-end is a bit better than FE, it's not like it's way better. You still have allot of libraries/frame works to choose from. Ex. Express, NestJs, Fastify, Koa, SailsJs, etc. This is without taking into account the ORM/ODM and other things. But yeah, sticking with only one, is way better than trying to be a full-stack in JS :)
After bleeding my eyes from working with Liquid, Im getting dizzy only from looking at Hydrogen.. Vercel have a very solid starter using Nextjs with most of the big e-commerce providers.. Other then working with Nextjs which is a joy, you still have the option to switch e-commerce provider in the future.. Love your quick reviews of tech, getting the general idea enough to understand if I want to dive deeper or not Thanks Keep it up
I am not a developer... yet, but I love the way you explain things (although half the things go over my head). I have started learning Python for fun and your videos keep me motivated :)
First *liquid* , then *hydrogen* inspired by *react* , and very soon *oxygen* . They should make an IDE and call it *carbon* , Shopify just loves chemistry for some reason.
in my experience most dev shops have cutesy naming conventions for internal tools and server clusters. Way back in '09 when I was at Slingshot one of our teams used planet names from star wars for stage, dev, and production. ;]
Fireship, do you mind making a video showing us how you learn new programming technologies? Like kind of a walkthrough. I don't care if the video is an hour long.
Watch the announcement talk to understand what and why then dive in the docs to understand how and finish up by cloning a repo for creating your first project.
@@TheNewton That's true but before actually learning how to implement or how to use you should understand what the technology is, what problem it solves and how it solves it. Most people, especially self-taught, struggle in their learning process because they undervalue the importance of that crucial step. For example before trying to implement GraphQL you should be able to explain what it is and how it works.
I went from falling in love with JavaScript, to C programming full-time, and then gained some new-found interest with JavaScript. Now, I want to go back to C programming.
I started my programming with R and Python. And for living I chose to learn JS, and I now become hating it. Recently I started to learn C++ and it is a sort of redemption from that bloody damned JS.
React is a library that has become a sub language of Javascript. The elements as names of frameworks of language is awesomely confusing at times. Thanks for keeping me in the know!
I'll admit I'm not enthusiastic about "another" framework. But, having just built a Shopify theme for an ecomm site that struggled to be modular. I'm interested in the dev experience that hydrogen offers. Shopify themes end up being monolithic and directly working with Shopify's API seems like more effort than it's worth. This might be a happy medium. The ability to write server-side code that isn't restricted by Liquid's minimalistic features would be nice.
Hydrogen would be nice if used under the concept of microfrontends. So your blog and marketing pages could be on Next and your Shop could go on Hydrogen, but they would have to have to have very similar implementations for how they use their features / concepts. Can you imagine using 2 different ways to routing :D in Next you use slugs and in Hydrogen you use something else, do this across 4 or 5 concepts and the cognitive overload gets bonkers.
Hydrogens differentiator will likely be its tuned to the needs of ecommerce from the start instead of an afterthought like Next and others. And being created then backed by a billion dollar is another selling point.
I don't want to talk about Hydrogen, React, or JS. I just wanna say..Fireship, you are always on FIRE man! You made me like your videos before even watching them!
Imagine someone now creating a framework called dihydrogen. And then a hosting service called di-oxygen. I mean put them together and they aren’t the same at all. Who would win, water or hydrogenperoxide?
What do I think? I think Magento for e-commerce. Personally, I'm so sick of all the JS fatigue. I don't worry about all of the "latest" and "greatest". I know JS/TS really, really well, and if I need to learn yet another framework at some point in time, then I will.
Firstly, it requires setting up Ruby. Enough said there. Secondly, Liquid is very limited in its capabilities compared to React components. In fact, I don't consider these to be comparable, as Liquid is more closely related to what JSX is (templating). React is a powerful UI library with a massive community, a lot of resources and generally easier to hire for, as it is quite fundamental in a lot of software, or at least a variation of it. This makes React much more scalable and therefore viable for a lot of companies.
Cool, but it seems that you can’t sell a theme on their theme store using hydrogen, and until they release oxygen it seems that you’ll have to host it somewhere else. So i’m not sure where this is going.
I have a shopify store and built a custom storefront and custom product design tools with React integrating with Shopify's graphql api. This looks really interesting, especially the easy integration of server rendered components. But I dread the work of porting my entire storefront over, so I'll wait for now :P
Lol you kidding. The cart and transaction are the easiest thing when to make, it’s the rest of the stuff around it that ads complexity, from analytics a/b testing fulfilment, abandoned carts, edma, app support, notifications and so on and so on.
Yes, as you said, it is too complex just to start off, hopefully, we will see a "basic" starting point and a tool as a CLI in the future as well... Nice video :D
We've come to the point where companies will create JavaScript frameworks in order to advertise their other services. Just wait for Amazon's framework, it WILL happen.
Can we be able to create a Next Js App in Vite(build tool) ? Pls anyone can clear my doubt if possible. P.S : I am not a expert in these tools so pls do support...
Can some experienced developer explain me this please. I am junior frontend dev who finally got first job few weeks ago. Anyway, i am working on shopify storefront with 4 other devs and soon we will rebuild everything on Hydrogen. While i'm really happy that i won't waste my time to adopt and learn something ugly as liquid and instead continue working on my javascript/typescript/react skills, i simply have alot of questions about this. Forgive my lack of knowledge but we are basically using shopify as backend? Why can't we just build frontend in any popular library or framework and talk to shopify backend via API-s? What is exactly need for something like this in first place?
Front end development is really something else. You spend all that time learning js just to continuously learn new syntaxes from new frameworks. When is enough enough?
"Just announced yesterday"
Damn Fireship is fast with these
I don't want to steal your illusion, but Fireship probably got a version earlier and wasn't allowed/wanted to release a video before today.
Ong
@@tookmusic he didn't write custom code for this so a simple overview of the framework could've easily been made in a day
hydrogen bad cause its new
100 seconds fast
Can’t wait to see all the job listings with “10 years of hydrogen experience required” pop up
xD
I will give it a month max. I recently got a job call for minimum 5 year experience in Vue 3. Not Vue js, but Vue 3 specifically. I am pretty sure it is less than two years since Vue 3 was released.
😂😂😂
Hahahah, good one
Dont forget the part where the salary is $0, how nice of them
We need another 117 frameworks , so periodic table can look complete
frameodic table
Selenium
Shouldn't take more than 2 hours
Hell no
After that we get the particle series
My 5 o'clock shadow lasts longer than some JS frameworks
Nice 😂
*most js frameworks
So, you are 12? 😅
Said Gandalf!
I feel like settling down with one of the frameworks that suits your needs is the way?
dayamn, that was good
Every 60 seconds in Africa, a Javascript framework is built.
With just 30 cents a day, half the price of gas station coffee, you too can sponsor one JavaScript framework from Africa.
Every 60 seconds in Africa, a minute passes.
This is so sad
lmao
Together, we can stop this!
why tf am I inspired to spend 8 months writing a framework called promethium now...
You build it, I'll make a video about it
🤔🤣
🗿
lets go boy!!
@@Fireship deal - deal 😂😂
I was a backend dev. I shifted to full stack. I saw the chaos that is javascript. I went back to my old ways of acheiving zen. 10 years + of Nodejs and 6 years + of ES6 and still everything is on fire with front end development. I hope you front end engineers find peace in life.
I did when I found Svelte
NodeJS is a dumpster fire. Deno was overhyped to death, sure, but it was a great proof of concept.
In built typescript support, no /node_modules, way better at installing and packaging bundles.
After just a few months of not having set up my own nodejs project, I was stumped while trying to create my own CLI.
I thought the exact same thing when I found node 0.14's source in one of my old backups...
But then I look at what PHP has been up to the past few years and I just feel so goddamn old. x.x
Even tough JS back-end is a bit better than FE, it's not like it's way better. You still have allot of libraries/frame works to choose from. Ex. Express, NestJs, Fastify, Koa, SailsJs, etc. This is without taking into account the ORM/ODM and other things. But yeah, sticking with only one, is way better than trying to be a full-stack in JS :)
@@gabrielcastilho4168 same
"But I can always go and build my own JavaScript framework for something like that"
I just love it when Jeff is sassy lmao
he was serious. next video: FireshipJS - latest and greatest framework
@@coder4life jeff'd fire this thought in seconds
oh hey look flamethrower js. well it's completely unrelated to hydrogen but who cares
After bleeding my eyes from working with Liquid, Im getting dizzy only from looking at Hydrogen.. Vercel have a very solid starter
using Nextjs with most of the big e-commerce providers.. Other then working with Nextjs which is a joy, you still have
the option to switch e-commerce provider in the future..
Love your quick reviews of tech, getting the general idea enough to understand if I want to dive deeper or not
Thanks
Keep it up
another day, another JS framework
I am not a developer... yet, but I love the way you explain things (although half the things go over my head). I have started learning Python for fun and your videos keep me motivated :)
I feel like it should be called a scaffold like in rails, rather than a framework. It's too proprietary
First *liquid* , then *hydrogen* inspired by *react* , and very soon *oxygen* . They should make an IDE and call it *carbon* , Shopify just loves chemistry for some reason.
in my experience most dev shops have cutesy naming conventions for internal tools and server clusters. Way back in '09 when I was at Slingshot one of our teams used planet names from star wars for stage, dev, and production. ;]
H2O = liquid
I'm so hyped to see companies ask for 2+ years of experience in Hydrogen in a few weeks
you don't have that yet?
lol
Fireship, do you mind making a video showing us how you learn new programming technologies? Like kind of a walkthrough. I don't care if the video is an hour long.
Watch the announcement talk to understand what and why then dive in the docs to understand how and finish up by cloning a repo for creating your first project.
Learning to Learn, is a different process for everyone no shortcuts.
@@TheNewton That's true but before actually learning how to implement or how to use you should understand what the technology is, what problem it solves and how it solves it. Most people, especially self-taught, struggle in their learning process because they undervalue the importance of that crucial step.
For example before trying to implement GraphQL you should be able to explain what it is and how it works.
I'm sure there's a framework for that.
I went from falling in love with JavaScript, to C programming full-time, and then gained some new-found interest with JavaScript. Now, I want to go back to C programming.
I started my programming with R and Python. And for living I chose to learn JS, and I now become hating it. Recently I started to learn C++ and it is a sort of redemption from that bloody damned JS.
C was the good old days of programming.
A video about React Server Components would be great
Checkout the nextjs 12 video
Can't wait for fireship to reach 1M subscribers
React is a library that has become a sub language of Javascript. The elements as names of frameworks of language is awesomely confusing at times. Thanks for keeping me in the know!
When svelte/sveltekit enters the room , poor react, angular, and vue bow down. Svelte is the future of the Web 4.0
jQuery all over again. jLike jWhere jThis jIs jGoing.
They have liquid as well.
Can't wait to see recruiters ask for 2+ years of experience in a framework that's in developer preview
in love with these 100 secs videos good job fireship!
Jeff, you are awesome 🔥 The frequency and quality of your videos is from another planet 👽 Since a year or so i watched every video you released
It's just amazing how you to can post videos quicker than I can even watch them. Great channel!
We need more frameworks. Our life is still not easy enough.
I'll admit I'm not enthusiastic about "another" framework. But, having just built a Shopify theme for an ecomm site that struggled to be modular. I'm interested in the dev experience that hydrogen offers. Shopify themes end up being monolithic and directly working with Shopify's API seems like more effort than it's worth. This might be a happy medium. The ability to write server-side code that isn't restricted by Liquid's minimalistic features would be nice.
Lol I saw your comment on their video and now you have it ready. You are amazing!
the "help wanted" at 5mins got me man lmao
Haha Developer Preview when it's aimed at developers.
Meanwhile on C#, we’ve been using ASP for over 20 years, still going strong
And can now even say goodbye to JS thanks to Blazor and webassembly :)
[ It was just announced yesterday ]
Job ads:
NEED 10 YEARS OF EXPERIENCE IN HYDROGEN...
Please make an updated Firebase video, would really appreciate it
Working with so many frameworks, we will one day forget a language called "JavaScript" existed...
Hydrogen would be nice if used under the concept of microfrontends. So your blog and marketing pages could be on Next and your Shop could go on Hydrogen, but they would have to have to have very similar implementations for how they use their features / concepts. Can you imagine using 2 different ways to routing :D in Next you use slugs and in Hydrogen you use something else, do this across 4 or 5 concepts and the cognitive overload gets bonkers.
Damn, you quick with it lol. This is dope, but makes me think I should go into PHP
These animations are so cool… And he does them in 1 day.
He probably has a js framework for that
Holy Moly Gvatemoly..
And peoples ask if Web development is hard...
Tutorial hell for sure.
The famous saying " Yet another JavaScript framework" still valid 😵😃
Hydrogens differentiator will likely be its tuned to the needs of ecommerce from the start instead of an afterthought like Next and others. And being created then backed by a billion dollar is another selling point.
I don't want to talk about Hydrogen, React, or JS. I just wanna say..Fireship, you are always on FIRE man! You made me like your videos before even watching them!
Shopify had a really poor custom templates development framework. This looks like a really huge step from them. I like that
Are you talking about Liquid?
@@lorandhorvath4466 yes, I think so
Good news for the vloggers who comparing JS frameworks
Imagine someone now creating a framework called dihydrogen. And then a hosting service called di-oxygen. I mean put them together and they aren’t the same at all. Who would win, water or hydrogenperoxide?
Hydrogen peroxide is more cooler
It is because this framework is not balanced
And on that note I have decided to become a backend developer again.
Welcome back! Where our tooling works and doesn’t change every 6 months.
What do I think? I think Magento for e-commerce. Personally, I'm so sick of all the JS fatigue. I don't worry about all of the "latest" and "greatest". I know JS/TS really, really well, and if I need to learn yet another framework at some point in time, then I will.
Released yesterday damn thats y I love fireship
Was announced longer than “just yday”, the shopify event was in the summer
relistically is a replacment for the cobled together Slate system that was built on top of liquid(mostosh or or less) and some jank jquery components.
which framework do you think the robots will choose when they replace us? maybe they'll build their new ones?
big brain move to create an ecosystem that lures in devs
0:57 I was not expecting to see Jordy from Cinecom here.
Framework is a day old, 5 years experience required for the next job.
Okay more specifically. Why would I not just create a theme using their Liquid templating language?
Firstly, it requires setting up Ruby. Enough said there.
Secondly, Liquid is very limited in its capabilities compared to React components. In fact, I don't consider these to be comparable, as Liquid is more closely related to what JSX is (templating).
React is a powerful UI library with a massive community, a lot of resources and generally easier to hire for, as it is quite fundamental in a lot of software, or at least a variation of it. This makes React much more scalable and therefore viable for a lot of companies.
Cool, but it seems that you can’t sell a theme on their theme store using hydrogen, and until they release oxygen it seems that you’ll have to host it somewhere else. So i’m not sure where this is going.
Nice. I was just getting the hang of react and nextjs
I have a shopify store and built a custom storefront and custom product design tools with React integrating with Shopify's graphql api. This looks really interesting, especially the easy integration of server rendered components. But I dread the work of porting my entire storefront over, so I'll wait for now :P
There's no way I'm learning this.
We can now have the Mendeleev table of frontend frameworks :))
Now that a couple years have passed has anyone tried this framework in production and if so what are your thoughts?
Jeff is still my favourite tech youtuber
Why did you say that building an e-commerce website is hard? It is really harder than building any other website? In what terms?
Lol you kidding. The cart and transaction are the easiest thing when to make, it’s the rest of the stuff around it that ads complexity, from analytics a/b testing fulfilment, abandoned carts, edma, app support, notifications and so on and so on.
Creating a good database schema for it is already a big challenge for me.
Great for vendor lock-in.
hurray.. exactly what everybody needs .. another hip js framework ...
Yes, as you said, it is too complex just to start off, hopefully, we will see a "basic" starting point and a tool as a CLI in the future as well... Nice video :D
dude wuzzup with the jokes mid video, you killing me
Liquid + hydrogen. For a rocket ship. I like the idea. Dang shopify, you good with names.
I call dibs on the framework Nitrogen btw.
Sorry mate, there is already a web framework named Nitrogen. It's an Erlang framework.
It's not really a framework. You can't use it outside of Shopify. It's just a prebuild react template with components.
I always use shopify eslint rules. finally I can see full project pattern from hydrogen.
Blame webpack ....Sticking with Angular throughout all the noise has been great decision.
This make me think that I should start learning Python and Django right now.
I was thinking the exact same thing...
Why? can you explain me? I had just started my web development journey so I don't know many other stuff.
I think Hydrogenjs future is bright.
Make a tutorial about a11y!
Fireship is stupidly amazing! I am a better person for being subscribed to this channel. Thanks!!!
Yo dawg, I heard you like frameworks, so I put your favorite frameworks in a framework and containerized it for another framework. Thumbs up!
Can we please have Selenium in 100 Seconds video. Thank you so much. Love your Videos
We've come to the point where companies will create JavaScript frameworks in order to advertise their other services. Just wait for Amazon's framework, it WILL happen.
I love that they included tailwindCSS as a default! :)
No, thank you! I'm good! 👍
Oxygen, Hydrogen, omg you can already tell that the Shopify dudes love Chemistry!
Dev : Ah shit here we go again!
Entry level Hydrogen Job, must have 5 years experience
Ultimate 😍😘😘😘
Can we be able to create a Next Js App in Vite(build tool) ?
Pls anyone can clear my doubt if possible.
P.S : I am not a expert in these tools so pls do support...
0:56 Hey Jordi
Could you make a video on Fundamental skills needed for a web developer? It'll be useful for any tech-stack one prefers.
Gonna be a big opportunity for HTML theme to Hydrogen convertors.
Can some experienced developer explain me this please.
I am junior frontend dev who finally got first job few weeks ago.
Anyway, i am working on shopify storefront with 4 other devs and soon we will rebuild everything on Hydrogen.
While i'm really happy that i won't waste my time to adopt and learn something ugly as liquid and instead continue working on my javascript/typescript/react skills, i simply have alot of questions about this.
Forgive my lack of knowledge but we are basically using shopify as backend?
Why can't we just build frontend in any popular library or framework and talk to shopify backend via API-s? What is exactly need for something like this in first place?
Fireship is releasing videos about js frameworks before their own official sites.
thank the dude for another framework
So why need Shopify if you can write code?
3:30 correct me if Im wrong but Hydrogen comes with React Router yes?
1:31 you do have psychic powers, I was about to create a project called Arsenic and now I don't want to
My god.. have learned angular, react, vue, and theres more and more... oh my
The phrase at start just created 163k new JS frameworks and this amount becomes bigger and bigger
Ahh yess....another JS framework....just what the world needed
2:05 he warned us about flamethrower, 9 months ago...
Do Elixir in 100 Seconds!!
Front end development is really something else. You spend all that time learning js just to continuously learn new syntaxes from new frameworks. When is enough enough?
its still just react with extra salt on it
nothing new to learn except for new hooks in the end
I feel overwhelmed by all those frameworks.
Have you done a video on Gatsby? I’ve been using it this last year and really enjoy it. Wonder what your thoughts are on it.
Feels a bit like the Spartacus Framework in the SAP Commerce Universe.
First hydrogen then oxygen then water. Oh wait! There's already a water css library