i get why people like these type of videos but i dont get who they are, i mean, what is their programming level. because for me, it's not very high level and i find these type of videos really waste of time. because i'd rather you make a 15-30min video that REALLY explains it and not just rushing through it.. It seems that you are explaining these to people who already know these.. You know what i mean? well.. i hope you do.
@@dannnsss8034 js devs who are from these backgrounds like below never know about the tree shaking feature of JS. 1. Only used CommonJs till now. 2. Only worked on JQuery 3. Only worked on VanillaJs with embedding libraries in head tag where import export isn't necessary. 4. Is a newbie to the language in itself. 5. Is a backend dev and only uses/knows JS for basic frontend stuff.
It is MIND BLOWING, how you were able to teach that in 1 MINUTE. I've been trying to do a successful import for like an hour, and I finally got it right from a 1minute video. That's INSANE! Thanks!!! I want to purchase merch now !!! Lol.
I started learning web development, I learnt that something like this was possible, but no matter what i tried, it just won't import and then i found out that i need to import the main.js file in html with the "module" type :O work like a charm
I'm 15 My passion is computer science I already finished HTML5 and CSS Still finished Bootstrap3 as a framework for for HTML5 Now I'm studying JS, I arrived at the part of modules, promises, Iterators and generators.... And your explanation had actually solved one problem... You earned a sub, I'll definitely need your help problem in the future when I enter a university... Keep up the your vids!!!
I wish this series had a doppelganger of videos longer in lenght with a more in depth explanation and gotchas of sorts, say a standard (at the moment) 10 minute videos A very good series nevertheless, thanks a billion!
I sincerely hope Visual Studio 2019 has support for this. It's been a PITA to work with for compile SASS. I have to use Visual Studio Code because Microsoft thought it would be keen not to include support for ANY CSS preprocessor scripting languages. 😟 Also, subbed for ~100 seconds of actual learning. 🙂👍
Please please make a video on locally synchronising firestore data (upload to cloud when internet is on). Preferably using: ionic, epubjs, sqlite Or at least give a hint.
if you are not using a bundler like parceljs or webpack or rollup, you will need to add the js extension ( in case of a browser) or mjs ( in case of nodejs). this is important because on your examples when importing you didnt add the extension of the file as weel in the source site that give us at the description: modules sheet cheat. And other important thing: you didnt show how to tell to js script tag in the browser how that js file will load and in sheetcheat allso dint mention that too, if you are not using a bundler.
I still haven't made sense of modules. I read about them for hours... but whenever I try to import a JS file into another JS file, everything breaks. And if I declare a JS file to be a module in the HTML, then it doesn't work anymore. This explained nothing.
Wait, so node.js is written in a file alone And react.js for example is in another file alone too And modules are these codes accessed inside other files?
@@MatthewChenIsAwesome i think it's normal until you understand that it works only in node 13 And i don't know the topic of how packages can interact if one uses require and other import...
Игорь Олейник I’m pretty sure you can import old require packages, but you must use import syntax when importing new modules. I ended up opting for Pika Pack; maybe eventually I can skip Pika, but for now, I think most people are not yet on Node 13
I use rollup for all of my OS libraries because of it's simplicity, but Webpack can make more sense for frontend bundles that include JS/CSS/HTML. Not much experience with parcel, but I hear good things.
Why is Chrome's V8 engine allow ES modules in vanilla JS but somehow you can't do it in Node.js which is built on V8? And as far as I know it is still not supported as stated in the video. Rather they just took out the warning.
so does an import automatically translate to an http GET for that file? i assume not because the file must be loaded by browser to recognize the export in the first place, sp then why have the import/export?
Do u know a good website where I can find designs I want to build a web app but can’t design anything. If there is a library where a UX designer has a pre built designs for an app that I can turn it into a real thing I would appreciate it
Sorry for dragging this one out to 104 seconds 😞
Disliked for the extra 4 seconds! 😠
Lol jk good job 👌
(proceeds to file a complaint)
Not acceptable... Unsubscribing
I really like this type of Videos. When the next episode would be available
i get why people like these type of videos but i dont get who they are, i mean, what is their programming level. because for me, it's not very high level and i find these type of videos really waste of time. because i'd rather you make a 15-30min video that REALLY explains it and not just rushing through it.. It seems that you are explaining these to people who already know these.. You know what i mean? well.. i hope you do.
Didn’t know about the tree shaking, learned something new in 100 seconds
Mission accomplished :)
When you take it literally it sounds stupid
@@Fireship thanks for rreferring Samantha, she makes cool contents ...too :)
It's just importing what you need 🤷♂️🤦
@@dannnsss8034 js devs who are from these backgrounds like below never know about the tree shaking feature of JS.
1. Only used CommonJs till now.
2. Only worked on JQuery
3. Only worked on VanillaJs with embedding libraries in head tag where import export isn't necessary.
4. Is a newbie to the language in itself.
5. Is a backend dev and only uses/knows JS for basic frontend stuff.
It's 100 seconds of information and 4 seconds of saying thanks. No click bait. Perfect.
I recommend covering various programming patterns (MVC, DDD, Observer pattern, Adapter pattern, etc...).
*Keep up the amazing work Jeff!* 🔥🔥🔥
My name is Jeff
It is MIND BLOWING, how you were able to teach that in 1 MINUTE. I've been trying to do a successful import for like an hour, and I finally got it right from a 1minute video. That's INSANE! Thanks!!! I want to purchase merch now !!! Lol.
This channel is probably the most underrated dev channel on TH-cam. Your videos are always insightful and fun! I always share them :)
Fireship is now the most watched dev channel on TH-cam
When I started to follow Samantha Ming I notice some similarity with Fireship because the way of using emojis. Now everything makes sense!! 😊💫💻
I was waiting for this the entire 2019, love you now, thank you very muchhhh
By far my favourite coding channel on youtube. Love every video, keep it up!
damn it's crazy to see how much you've changed over the time and becoming much better at making videos.
Thank You So Much for this wonderful video.....🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻
Clickbait, the video is 104 seconds
Actually, it's pure 100 seconds, excluding the intro & outro
In extra seconds you will found intro and outro.
NBD
😂
The bad thing about these videos being so short is that I hardly have enough time to upvote, before the next one in your awesome playlist starts. :)
So it takes just 100 secs to learn about JavaScript modules :) Great content.
It all makes sense now!
dang your voice changed. I love your videos, respect man
I love this series, although I havent learned anything from it yet
I have ideas for more advanced topics that might surprise you...
@@Fireship Can't wait
I started learning web development, I learnt that something like this was possible,
but no matter what i tried, it just won't import
and then i found out that i need to import the main.js file in html with the "module" type :O
work like a charm
I'm 15
My passion is computer science
I already finished HTML5 and CSS
Still finished Bootstrap3 as a framework for for HTML5
Now I'm studying JS, I arrived at the part of modules, promises, Iterators and generators....
And your explanation had actually solved one problem... You earned a sub, I'll definitely need your help problem in the future when I enter a university... Keep up the your vids!!!
Update?😀
@@elia552 Boyyyy you got a future!!!!
The 'Hyper Syntax' is too amazing
That is a good idea!!! why I didn't think of that??? Gonna use it right now! Thank youuuuuuu 😁
Thanks for explaining that the require function in node is syntactic sugar for es6 import statement.
Very informative ! Full of information !
you nailed it.
I wish this series had a doppelganger of videos longer in lenght with a more in depth explanation and gotchas of sorts, say a standard (at the moment) 10 minute videos
A very good series nevertheless, thanks a billion!
I sincerely hope Visual Studio 2019 has support for this. It's been a PITA to work with for compile SASS. I have to use Visual Studio Code because Microsoft thought it would be keen not to include support for ANY CSS preprocessor scripting languages. 😟 Also, subbed for ~100 seconds of actual learning. 🙂👍
Video is very knowledgeable.Leaened something new. By the way which extension you use for emojis in vscode.
This is really what I want
I suggest using esm npm module, cause otherwise you have to use many flags in with node.
so informative, thanks!
awesome explanation!
Please please make a video on locally synchronising firestore data (upload to cloud when internet is on).
Preferably using: ionic, epubjs, sqlite
Or at least give a hint.
Really looking forward to this format being a continuing trend in 2020 there is just so much bloat in explainer vids for web development features.
if you are not using a bundler like parceljs or webpack or rollup, you will need to add the js extension ( in case of a browser) or mjs ( in case of nodejs). this is important because on your examples when importing you didnt add the extension of the file as weel in the source site that give us at the description: modules sheet cheat.
And other important thing: you didnt show how to tell to js script tag in the browser how that js file will load and in sheetcheat allso dint mention that too, if you are not using a bundler.
damn, was hoping to get more info on 'Require' vs dynamic importing
Have you discontinued the videos in the series "That weird JavaScript Course"?
Thank you!
0:30 I think you're confusing RequireJS (AMD) and CommonJS.
Thank you.
I absolutely love your videos! Do you have a patreon?
Thank you! The best way to support is with a pro membership, which provides access to more content fireship.io/pro/
I didn't know renaming modules would enable tree shaking. Good to know :)
Renaming does't enable tree-shaking. It's up to the module to export code in small dependency-free pieces, usually as named exports.
@@Fireship Oh, I understood that as renaming exports makes the module tree shakable. Isn't that what you are explaining at 1:15 ?
@@kevintale2608 He says that when importing named exports instead of all exports it's possible to make it tree-shakable.
Good Video 👌
Thank you so much
I still haven't made sense of modules. I read about them for hours... but whenever I try to import a JS file into another JS file, everything breaks. And if I declare a JS file to be a module in the HTML, then it doesn't work anymore. This explained nothing.
I feel the 100s serie will be the main format
Cool format!
I know it says 100 second on the title, but I was still pretty surprised it ended quickly. LOL
Thanks!
can you please make videos on angular ngrx(store managment)
wonderfull channel
Wait, so node.js is written in a file alone
And react.js for example is in another file alone too
And modules are these codes accessed inside other files?
Thanks a lot dude
isn't it actually CommonJS modules in node? not RequireJS
Игорь Олейник yep
Игорь Олейник right now I’m using imports in my nodejs package. Should I use Babel or can I expect others to just use import syntax?
@@MatthewChenIsAwesome i think it's normal until you understand that it works only in node 13
And i don't know the topic of how packages can interact if one uses require and other import...
Игорь Олейник I’m pretty sure you can import old require packages, but you must use import syntax when importing new modules. I ended up opting for Pika Pack; maybe eventually I can skip Pika, but for now, I think most people are not yet on Node 13
Thanks
What are your thoughts on parcel vs webpack vs for bundling modules?
I use rollup for all of my OS libraries because of it's simplicity, but Webpack can make more sense for frontend bundles that include JS/CSS/HTML. Not much experience with parcel, but I hear good things.
@@Fireship parcel is basically zero-config bundler.
nice format
How do you make such awesome and edit it, please share.
What theme are you using in your text editor?
Adam Tak almost 100% sure it’s atom one dark but for vscode
More of these!!!!!!!!!
So can you export functions with it?
Wao! Thanks a lot!
Hi. Any Udemy courses? Thanks
So why do we normally use esm for frontend and cjs for backend? is there any reason for this?
Why is Chrome's V8 engine allow ES modules in vanilla JS but somehow you can't do it in Node.js which is built on V8? And as far as I know it is still not supported as stated in the video. Rather they just took out the warning.
CommonJS not require JS @0:28
Is ionic good for enterprise applications??....
It depends more on the type of mobile app and the budget. True native apps are usually higher quality, but require a larger investment.
@@Fireship it's a simple e-commerce app
so does an import automatically translate to an http GET for that file? i assume not because the file must be loaded by browser to recognize the export in the first place, sp then why have the import/export?
named export is tree shakable; so is default export *not* tree shakable?
thanks but import statement in node version 13 is not working
Don't you have to write "import cool from './package.js'. If I try it without the .js the browser is mad at me.
And how to import a file that doesn't export anything, just modifies some global state?
where's the memoization video???
I came to realize how inattentiveI am when your video ends just like that without me understanding anything.
I will allow you to watch it again at no additional charge ;)
More like this please ^_^
Do u know a good website where I can find designs
I want to build a web app but can’t design anything. If there is a library where a UX designer has a pre built designs for an app that I can turn it into a real thing I would appreciate it
Good.
What ide you are using?
He's using *Visual Studio Code*
Watched in 2x so It's 50 seconds gg
Why not just re-use the code by copy-paste?
How do you do the live debug on your ide?
Quokka vscode plugin
@@Fireship going to try it.
Nice
Now I understand what it does but have 0 clue how to use it.
Did in a minute and half what other youtubers take 10:04 min to explain
Jordi Enric but how else would you know to like and subscribe and ring the bell? also sign up for skillshare
🔥 🔥 🔥
Make a video on JavaScript blob
Alas! A system error resulted in the transaction being sent to an invalid email address!
wow
Woops, 104 secs..
1:29 : Says Chi Chi
comes an asian women
hmmm....
100 = 10^2
144 = 12^2
Least random youtube comment:
where's my promise
greats if your english skills are very good 🙄
:3
i can't understand anything! You were very fast