6 Best NPM Packages

[@anthonypetruzzi158]

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 😁

[@Wanderer2035]

Coding is love coding is life

[@nerdiloo9863]

uuid, date-fns, axios I must tinker with asap. Thanks for the tip braddah.

[@WebDevSimplified]

You're welcome!

[@PKAnon]

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.

[@MrRagday]

same for angular)

[@GrumpyCockatiel]

node = dependency hell moment has been deprecated so yea date-fns

[@alexavery8182]

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.

[@maxuser3076]

Great video! Makes me feel good, because I've already used every of this libraries)

[@bryand7958]

Shelljs, emotion, gulp and lerna are the best I can think of (non-framework)

[@sonoftroy8572]

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

[@WebDevSimplified]

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. kzbin.info/aero/PLZlA0Gpn_vH9I50SHUa_gJo8-kGT1R_T3

[@CodingWithAsad]

dude start making how look handsome videos

[@hassysid9338]

U seem to be at the wrong place...😂

[@erebosifavour3760]

Aha😂

[@chizuru1999]

💯😂😂

[@arihantjain8347]

Nice😂

[@sureshmg6786]

Great work dude 👏👏keep going

[@WebDevSimplified]

Thanks!

[@eddiejaoude]

Oh I moment but datefns looks interesting, thanks 👍

[@WebDevSimplified]

I really love the functional programming style of datefns. I am a sucker for anything functional programming related.

[@hk_build]

Can you make video on best practices we should follow while choosing npm packages like Package size, community size and other...??

[@TheYusuf10]

zero dislike! finally somebody thankful ! gj bro go ahead!

[@WebDevSimplified]

Thank you. Hopefully it stays that way

[@katostrofik]

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!

[@WebDevSimplified]

Lol. If that package existed I am pretty sure it would have more downloads than even Lodash.

[@webad8770]

clown

[@jamjam3448]

😂 😂 😂 😂 😂

[@Admiral_Ducky]

You need a career change!

[@Carigan]

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....

[@WebDevSimplified]

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.

[@rentsy3444]

this guy's hair is on point

[@jamespiche7740]

Good Evening WDS ! Would you still use Axios in 2022 ? Thanks for the vid !

[@omarbarra3456]

thanks, 3 year later. Do you consider to make a new one updated for 2023?

[@judelynlarino9711]

Please add another 6 to this

[@WebDevSimplified]

I may followup with a part 2 sometime in the future. I don't like to create a ton of list videos though.

[@LiranPeleg]

Thanks for the video

[@WebDevSimplified]

You're welcome!

[@saurabrakshit405]

Nice vdo ! can you tell which library is best to retrieve IPV4 address in react project ?

[@AshtonMotana]

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.

[@Indrajeetviper]

Didn't get the classnames part 😐. Shall try it manually to see what it does.

[@WebDevSimplified]

Classnames essentially just makes it easy to have conditional classes on a component without having to use ternaries or string interpolation.

[@rajkumar-nq2te]

Thanks Kyle

[@WebDevSimplified]

You're welcome!

[@Praxis_by_tanay_pingalkar]

Nodemon is also good btw video is great

[@shivamkumar-qp1jm]

Dude how to make live video transfering app between client and server of different language like between client on javascript and server on python

[@darshgupta6276]

It's kind of creepy how Kyle never breaks eye contact and never blinks while staring at the camera...

[@persmone]

what are you saying? i saw him blinking so many times

[@aravind.a]

Why axios special than the got, node-fetch etc?

[@jamjam3448]

I use axios always 😎😎😘

[@Manasu_Maaata]

how to upgrade y18n-4.0.0.tgz to 5.0.5 library

[@tima1301]

Nice!

[@farhanaditya2647]

no lodash?

[@allendover7480]

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.

[@digiclicks498]

What about loadash

[@natqe4049]

my library utilizes

[@Abraham18K]

I rather use SuperAgent instead of Axios.

[@MilanB]

Source code for the biceps?🙃

[@WebDevSimplified]

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

[@MiSt3300]

Hah I already use most of these

[@dergunovalexandr]

Спасибо :)

[@greendsnow]

00:06 no he didn't

[@gauravrajput5415]

tell me best npm package of the npm .

[@Andres-wq6cz]

G

[@joopie46614]

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

[@AnandaRizki]

are you CGI?

[@WebDevSimplified]

No. That would be quite the twist though.

[@AlexTechie]

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!

[@WebDevSimplified]

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.

[@kerimgueney]

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.

[@MontyKsycki]

Thank You!!! Have a Great Day!!! :)

[@WebDevSimplified]

You're welcome!

[@daudahmed2343]

Great video!

[@DuyTran-ss4lu]

Awesome

[@JoshuaCodes]

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)

[@WebDevSimplified]

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.

[@masquereseau5635]

My favorite is definitely "left-pad" ;-). Stop thinking, stop coding, start importing.