My new favorite JavaScript channel. I used moment for like ever and have never heard of datefns before. Gonna give it a look. Do a list of your 10 VSCode extensions next 😁
classNames is how Vue behaves out of the box. When you bind to an html element's class, you can pass a string, an object like this, or an array of such objects and/or strings.
4:41: I could've sworn that I read that Fetch is the successor to XHR, and Axios uses XHR under the hood. The one big difference I found is that Fetch isn't 100% complete, yet. For example, there's no upload progress event emitter with Fetch. However, once Fetch is complete, I think we may see Axios eventually transitioning to using Fetch under the hood, although I'm not certain as there may be other factors involved that I'm not aware of. Anyway, great video, I didn't even know many of these exist!
Fetch is complete enough in that it covers 99.9% of all use cases I can think of, but it is not supported in older browsers like IE. This is why axios uses XHR and has such great compatibility.
Hey WDS, would you ever consider doing a video about how you got into web dev, what you learned first, what program was the most challenging for you to learn, what was your next step after you passed the beginner stages of web dev, what was it like building your own web dev projects then getting over that hurdle of figuring out how to solve the bug or issue or implementing the correct code to get the your project working properly on your own using critical thinking and problem solving (not the I gotta go online to finds the answers thing)... or is their a better way to grasp and understand JavaScript better along with php MySQL etc... I like your content and would really what to know your opinion on these topics if that’s ok with you and thanks
Many of the videos in this playlist actually focus a lot on how I started and what I learned from my early years of web dev. ruclips.net/p/PLZlA0Gpn_vH9I50SHUa_gJo8-kGT1R_T3
5:16 IE 8.1 would be an interesting Version, Chrome 7 even more so. The Version you think about as the Browser Version is the OS Version, so Axios supports FF 67 on Windows 7, Chrome 74 on Windows 7, IE 11 on Windows 8.1, Edge 18 on Windows 10....
I noticed this after I uploaded the video and had to chuckle at myself for how dumb I sounded. I figured at least the point I was trying to make was obvious even if what I was saying made no sense.
Any chance we can get an Axios crash course video? Ive been using it for a while and I get Id say 92% of the functionality but some of the nittier stuff like custom serializing and using the progress events go a little over my head. I havent had need to use these yet but would definitely like to understand them if ever the need arises and your "Crash Course" videos always explain everything so clearly and succinctly.
You know, it's been kind of of pain trying to figure Apollo Server/GraphQL relay styled cursor-based pagination. I was able to get hasPreviousPage and hasNextPage Booleans to return the but the edges.node wasn't returning any data, the endCursor wasn't even coming through . I've been trying to find a bunch of tuts online and youtube videos to try and piece together what I may be missing. what I did get working was the limit and skip in the resolver, this isn't a paged pagination, just a scrolling one, using the array.length as the value to determine how much to skip with the fetchMore function. In your resolver you should sort data by createdAt in descending order to match the sort order of your Apollo Client cache, otherwise when you create new items, your cache will place the item at the top of the list, and when fetchMore gets the last item in your database, the same item will then render at the bottom of the list, creating duplicate objects of the same ID.
I have never used purgecss. I am always hesitant to use a library like that since it doesn't work super well if the classes are used in JS and not HTML as you said, but I should really give it a shot.
I do not see the benefit of dotenv over a config.json file. You can do const conf = require("config.json"); and have all your configuration options available without adding another dependency and increasing your stack memory with a bunch of environment variables.
Thumbs up. Great report with the exception of classnames. But then, this video is three years old... Still ticks should get you pretty far along and framework-focused developers don't do enough work to makes sure that class names are human readable.
3x10 Bicep curls in the squat rack 3x10 Bicep curls with dumbbells 3x10 Bicep curls with the leg extension machine 3x10 Bicep curls with your ego The last one is what really grows the biceps ;P
My new favorite JavaScript channel. I used moment for like ever and have never heard of datefns before. Gonna give it a look. Do a list of your 10 VSCode extensions next 😁
Coding is love coding is life
uuid, date-fns, axios I must tinker with asap. Thanks for the tip braddah.
You're welcome!
classNames is how Vue behaves out of the box. When you bind to an html element's class, you can pass a string, an object like this, or an array of such objects and/or strings.
same for angular)
4:41: I could've sworn that I read that Fetch is the successor to XHR, and Axios uses XHR under the hood. The one big difference I found is that Fetch isn't 100% complete, yet. For example, there's no upload progress event emitter with Fetch. However, once Fetch is complete, I think we may see Axios eventually transitioning to using Fetch under the hood, although I'm not certain as there may be other factors involved that I'm not aware of. Anyway, great video, I didn't even know many of these exist!
Fetch is complete enough in that it covers 99.9% of all use cases I can think of, but it is not supported in older browsers like IE. This is why axios uses XHR and has such great compatibility.
With date-fns, you're talking about all of the things it can do with dates, but can it find me a date? haha 😆
Great video as always. Thanks!
Lol. If that package existed I am pretty sure it would have more downloads than even Lodash.
clown
😂 😂 😂 😂 😂
You need a career change!
zero dislike! finally somebody thankful ! gj bro go ahead!
Thank you. Hopefully it stays that way
Shelljs, emotion, gulp and lerna are the best I can think of (non-framework)
Oh I moment but datefns looks interesting, thanks 👍
I really love the functional programming style of datefns. I am a sucker for anything functional programming related.
node = dependency hell
moment has been deprecated so yea date-fns
Thank You!!! Have a Great Day!!! :)
You're welcome!
Hey WDS, would you ever consider doing a video about how you got into web dev, what you learned first, what program was the most challenging for you to learn, what was your next step after you passed the beginner stages of web dev, what was it like building your own web dev projects then getting over that hurdle of figuring out how to solve the bug or issue or implementing the correct code to get the your project working properly on your own using critical thinking and problem solving (not the I gotta go online to finds the answers thing)... or is their a better way to grasp and understand JavaScript better along with php MySQL etc... I like your content and would really what to know your opinion on these topics if that’s ok with you and thanks
Many of the videos in this playlist actually focus a lot on how I started and what I learned from my early years of web dev. ruclips.net/p/PLZlA0Gpn_vH9I50SHUa_gJo8-kGT1R_T3
Great work dude 👏👏keep going
Thanks!
Great video!
Makes me feel good, because I've already used every of this libraries)
5:16 IE 8.1 would be an interesting Version, Chrome 7 even more so. The Version you think about as the Browser Version is the OS Version, so Axios supports FF 67 on Windows 7, Chrome 74 on Windows 7, IE 11 on Windows 8.1, Edge 18 on Windows 10....
I noticed this after I uploaded the video and had to chuckle at myself for how dumb I sounded. I figured at least the point I was trying to make was obvious even if what I was saying made no sense.
dude start making how look handsome videos
U seem to be at the wrong place...😂
Aha😂
💯😂😂
Nice😂
Thanks Kyle
You're welcome!
this guy's hair is on point
Thanks for the video
You're welcome!
Please add another 6 to this
I may followup with a part 2 sometime in the future. I don't like to create a ton of list videos though.
Great video!
Didn't get the classnames part 😐. Shall try it manually to see what it does.
Classnames essentially just makes it easy to have conditional classes on a component without having to use ternaries or string interpolation.
thanks, 3 year later. Do you consider to make a new one updated for 2023?
Any chance we can get an Axios crash course video? Ive been using it for a while and I get Id say 92% of the functionality but some of the nittier stuff like custom serializing and using the progress events go a little over my head. I havent had need to use these yet but would definitely like to understand them if ever the need arises and your "Crash Course" videos always explain everything so clearly and succinctly.
Nice!
Awesome
Can you make video on best practices we should follow while choosing npm packages like
Package size, community size and other...??
It's kind of creepy how Kyle never breaks eye contact and never blinks while staring at the camera...
what are you saying? i saw him blinking so many times
You know, it's been kind of of pain trying to figure Apollo Server/GraphQL relay styled cursor-based pagination. I was able to get hasPreviousPage and hasNextPage Booleans to return the but the edges.node wasn't returning any data, the endCursor wasn't even coming through .
I've been trying to find a bunch of tuts online and youtube videos to try and piece together what I may be missing. what I did get working was the limit and skip in the resolver, this isn't a paged pagination, just a scrolling one, using the array.length as the value to determine how much to skip with the fetchMore function. In your resolver you should sort data by createdAt in descending order to match the sort order of your Apollo Client cache, otherwise when you create new items, your cache will place the item at the top of the list, and when fetchMore gets the last item in your database, the same item will then render at the bottom of the list, creating duplicate objects of the same ID.
Nodemon is also good btw video is great
I use axios always 😎😎😘
Good Evening WDS ! Would you still use Axios in 2022 ? Thanks for the vid !
What about purgecss? Found it really handy for cleaning up css (kind of messes up with JavaScript if it holds css selectors instead of the html)
I have never used purgecss. I am always hesitant to use a library like that since it doesn't work super well if the classes are used in JS and not HTML as you said, but I should really give it a shot.
how to upgrade y18n-4.0.0.tgz to 5.0.5 library
I do not see the benefit of dotenv over a config.json file. You can do const conf = require("config.json"); and have all your configuration options available without adding another dependency and increasing your stack memory with a bunch of environment variables.
Nice vdo ! can you tell which library is best to retrieve IPV4 address in react project ?
my library utilizes
Thumbs up. Great report with the exception of classnames. But then, this video is three years old... Still ticks should get you pretty far along and framework-focused developers don't do enough work to makes sure that class names are human readable.
Why axios special than the got, node-fetch etc?
Dude how to make live video transfering app between client and server of different language like between client on javascript and server on python
Source code for the biceps?🙃
3x10 Bicep curls in the squat rack
3x10 Bicep curls with dumbbells
3x10 Bicep curls with the leg extension machine
3x10 Bicep curls with your ego
The last one is what really grows the biceps ;P
I rather use SuperAgent instead of Axios.
00:06 no he didn't
What about loadash
Спасибо :)
no lodash?
My favorite is definitely "left-pad" ;-). Stop thinking, stop coding, start importing.
Hah I already use most of these
that classname library is really useless lmao if you use that you're the type of person to install is-odd instead of doing num % 1 === 1
G
are you CGI?
No. That would be quite the twist though.
tell me best npm package of the npm .