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
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. ;]
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.
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.
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.
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!
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 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
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.
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.
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
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?
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.
I am starting learning full stack. I am pretty fine with back end but suffer with front end. I have learned react (and obv HTML CSS js before it) but kinda struggle with CSS. Not only CSS, I am confused if I should learn any other framework. So, should I learn any other framework so I have multiple options or stick with react? ps: I did try out svelte and liked it, but the market isn't that big so I don't use it that much. ps again: pls don't recommend angular, I tried it and didn't like it at all.
I am going to create a framework that is 100% customized, that way my end users can use exactly what they need! It is going to be amazing. Dynamic, fast, modular and more!! I will name it hyper-ecma-style, HES.
Do you think it would be worth the trouble to use this framework to build an Ecommerce store and connect it your own API or backend that is NOT shopify? or is it to opinionated for that?
"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
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
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
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
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
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!
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
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 😂😂
"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
another day, another JS framework
I feel like it should be called a scaffold like in rails, rather than a framework. It's too proprietary
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
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
It's just amazing how you to can post videos quicker than I can even watch them. Great channel!
Lol I saw your comment on their video and now you have it ready. You are amazing!
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.
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.
We need more frameworks. Our life is still not easy enough.
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
A video about React Server Components would be great
Checkout the nextjs 12 video
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
in love with these 100 secs videos good job fireship!
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.
These animations are so cool… And he does them in 1 day.
He probably has a js framework for that
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!
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
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 :)
Haha Developer Preview when it's aimed at developers.
Working with so many frameworks, we will one day forget a language called "JavaScript" existed...
Released yesterday damn thats y I love fireship
The famous saying " Yet another JavaScript framework" still valid 😵😃
Good news for the vloggers who comparing JS frameworks
Please make an updated Firebase video, would really appreciate it
the "help wanted" at 5mins got me man lmao
big brain move to create an ecosystem that lures in devs
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.
Now that a couple years have passed has anyone tried this framework in production and if so what are your thoughts?
Holy Moly Gvatemoly..
And peoples ask if Web development is hard...
Tutorial hell for sure.
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
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
I always use shopify eslint rules. finally I can see full project pattern from hydrogen.
Nice. I was just getting the hang of react and nextjs
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
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.
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.
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.
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.
Framework is a day old, 5 years experience required for the next job.
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.
Yo dawg, I heard you like frameworks, so I put your favorite frameworks in a framework and containerized it for another framework. Thumbs up!
hurray.. exactly what everybody needs .. another hip js framework ...
There's no way I'm learning this.
Great for vendor lock-in.
It's not really a framework. You can't use it outside of Shopify. It's just a prebuild react template with components.
Oxygen, Hydrogen, omg you can already tell that the Shopify dudes love Chemistry!
Was announced longer than “just yday”, the shopify event was in the summer
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 just finished react and there is new framework in market
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
which framework do you think the robots will choose when they replace us? maybe they'll build their new ones?
I feel overwhelmed by all those frameworks.
Jeff is still my favourite tech youtuber
Can we please have Selenium in 100 Seconds video. Thank you so much. Love your Videos
Gonna be a big opportunity for HTML theme to Hydrogen convertors.
0:57 I was not expecting to see Jordy from Cinecom here.
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?
I think Hydrogenjs future is bright.
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.
Fireship is stupidly amazing! I am a better person for being subscribed to this channel. Thanks!!!
Entry level Hydrogen Job, must have 5 years experience
I am starting learning full stack. I am pretty fine with back end but suffer with front end. I have learned react (and obv HTML CSS js before it) but kinda struggle with CSS. Not only CSS, I am confused if I should learn any other framework. So, should I learn any other framework so I have multiple options or stick with react?
ps: I did try out svelte and liked it, but the market isn't that big so I don't use it that much.
ps again: pls don't recommend angular, I tried it and didn't like it at all.
Try vue
@Par ler ikr
Wow! A framework created with Shopify in mind AND uses Tailwind by default. I LOVE it already!
Could you make a video on Fundamental skills needed for a web developer? It'll be useful for any tech-stack one prefers.
thank the dude for another framework
1:31 you do have psychic powers, I was about to create a project called Arsenic and now I don't want to
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.
Ahh yess....another JS framework....just what the world needed
I am going to create a framework that is 100% customized, that way my end users can use exactly what they need! It is going to be amazing. Dynamic, fast, modular and more!! I will name it hyper-ecma-style, HES.
3:30 correct me if Im wrong but Hydrogen comes with React Router yes?
Dev : Ah shit here we go again!
Please make video on all the open source licenses, and how to choose the right licence.
The phrase at start just created 163k new JS frameworks and this amount becomes bigger and bigger
Wake up babe. New framework just dropped.
I will never forget what the CEO said about frontend developers..
What?
Fireship is releasing videos about js frameworks before their own official sites.
When a new JS framework is released: “see you in trash in one month”
“I think plain CSS would’ve been better, but I can always go and write my own JavaScript framework for something like that” xD
A company with two Hydrogen apps in one shopify Oxygen hosting will be called Water.😂
Feels a bit like the Spartacus Framework in the SAP Commerce Universe.
Every 60 seconds in Africa, a wild JS framework appears.
dude wuzzup with the jokes mid video, you killing me
I have this feeling that React will get a full redesign soon in the future.
Is already happening with React Server Components
Do you think it would be worth the trouble to use this framework to build an Ecommerce store and connect it your own API or backend that is NOT shopify? or is it to opinionated for that?
Looks like every big company have discovered a better way to build the same websites we have been building a 100 different better ways for decades !
My god.. have learned angular, react, vue, and theres more and more... oh my
Clarification Shopify themes are not react-like they are HTML CSS JavaScript and liquid(shopifys "simple" templating language)
"Just when you thought there wouldn't be another JavaScript framework"
STOP THE CAP