Quokka.js VS Code Extension - The Fastest Way to Test JavaScript

No video

Quokka.js VS Code Extension - The Fastest Way to Test JavaScript

Рет қаралды 38,608

James Q Quick

Күн бұрын

Пікірлер: 83

@samhanna7382 3 жыл бұрын

Late HAPPY BIRTHDAY James 👍🎉🎉 Stay healthy and keep making cool videos 🙏

@kristonburnstein Жыл бұрын

Thanks for this James! I've been meaning to get to using Quokka for a while and having this handy video walk me through finally got me up and running with it. Going to save me tons of time! Thank you!

@JamesQQuick Жыл бұрын

Yeahh! Love it :)

@AkshaySharma-sv3yl 3 жыл бұрын

I had the extension for quite sometime but never tried it. Now I know how to do it & will start using it instead of console.log. Thanks for the information James 😍

@kristonburnstein Жыл бұрын

This was me too! Finally up and using it now!

@ChumX100 3 жыл бұрын

Great extension! Used to do this stuff in the browser devtools, but this feels much nicer. Thanks for the recommendation.

@SergioBarreracoding 3 жыл бұрын

Hey James! Yes, Quokka has been very helpful for doing some demos and testing small JS chunks of functions and objects. I just had a few VS code issues in the past when tried saving the file or activating the extension in an already existing file. Other than that, the free version has been working okay so far these days, now i run snippets just fine without saving them. Hope you have a great week!

@luisnannini 2 жыл бұрын

Cant make work when activating the extension in an already existing file, did you solve this problem ?

@pavelgrishin 3 жыл бұрын

Crazy valuable info. I gotta add info about CTRL+K,Q and CTRL+K,E for start and stop on existing files

@luisnannini 2 жыл бұрын

I cant get the visuals on an existing file using CTRL k + q. It works when creating a new Quokka js file but not on a preexisting js file. What can I do?

@ruggeddog3103 2 жыл бұрын

can you please mention your font and theme that will be great

@mudandmoss4132 3 жыл бұрын

I use Run JS . It's a standalone app but I really like it. It's great for testing pieces of code that I'm a little unsure about.

@JamesQQuick 3 жыл бұрын

Ohhh interesting. I hadn’t heard of that before. Do you get the same benefits that you get with writing inside of cs code?

@JamesQQuick 3 жыл бұрын

Vs* lol

@mudandmoss4132 3 жыл бұрын

@@JamesQQuick It probably won’t have all of the features, but it does support package installation, live updates as you’re writing the code. It was recommended by Kyle Simpson, and I prefer to use it over quokka which can add some bloat

@pisitch1 19 күн бұрын

Happy (way) belated birthday! I feel like if your function is this complex, it would worth writing unit test so you can validate it in the future. Vitest unit test prob takes as much to set up as Quokka and it has other facilities like mocking (including env vars) and mon mode so you get feedback almost right away like you get in Quokka

@dorbenmoyal7639 2 жыл бұрын

Thanks for the great content, 30 is just a number ;)

@alibalbars5177 3 жыл бұрын

i didnt know how to use quokka, thanks a lot.

@kettenbach 3 жыл бұрын

TypeScript too? Thanks for sharing. 🙌

@MaxProgramming 3 жыл бұрын

Yep. Quokka can also test Typescript

@kettenbach 3 жыл бұрын

Yep at the end you demo this. Nice. Thanks

@JamesQQuick 3 жыл бұрын

Yep that’s one of the really neat things!

@richardwilliamsmusic 8 ай бұрын

Do you always have to open with a new JS file with that way you did? It looks like my older other files not opened that way don't use quokka, is that right? Only files opened that way will work? Also, how do you see the "Output" section below and what info is it showing?

@keifer7813 Жыл бұрын

With a name like James Q Quick, I think this man knows what he's talking about

@sumukhakb2701 3 жыл бұрын

Maybe first comment 😁😁😁😁. Great video , make video on react animation like scrolling animation

@JamesQQuick 3 жыл бұрын

Oh that’s a good idea. Thanks!

@justadev____7232 3 жыл бұрын

Check out npm package react-scroll

@blackpurple9163 Жыл бұрын

@@JamesQQuick what's the theme you're using?

@GustavAgar 3 жыл бұрын

excellent as always James 👍

@christsanctuschinedu5616 2 жыл бұрын

Tried it out! Works nicely

@billyclabough9835 3 жыл бұрын

Have you used Elm? If yes, what is your opinion of Elm?

@techcrea8ives Жыл бұрын

Woow, cool stuff, please what fonts and theme re you using its so nice

@tilakmadichettitheappdeveloper 3 жыл бұрын

am i the only one who tests by "staring_at_the_screen.js" ? I feel like its an understated library ; you just hafta fall asleep once and when you wake up you know the fix :)

@JamesQQuick 3 жыл бұрын

I’ve definitely solved lots of problems in my sleep before lol

@lorenzehernandez2602 3 жыл бұрын

Great tip!!! Will be trying this out

@acloudonthebluestsky9687 3 жыл бұрын

cant understand why extension not working after update my mac to bigsur

@BrutalHumorSocial Жыл бұрын

00:03:20 ; Ctl+Shift+P, then type "Quokka"

@pilipusk1170 5 ай бұрын

thanks brother

@luisnannini 2 жыл бұрын

Hi James thanks for the video, I cant make Quokka work when activating the extension in an already existing file, did you solve this problem ?

@pinkbalem 2 жыл бұрын

im having the same issue, how did you fix it ?

@luisnannini 2 жыл бұрын

@@pinkbalem couldn't fix it. I think you need to pay the subscription to do that.

@westernpigeon 2 жыл бұрын

i need help also

@luisnannini 2 жыл бұрын

@@westernpigeon I think its a paid version feature

@westernpigeon 2 жыл бұрын

@@luisnannini that sucks

@michaellarocca1435 3 жыл бұрын

Another great tip from Quick! Hashtag “#QuickTips”!

@francis_js 3 жыл бұрын

Phenomenal! Thank you! :^)

@cmoney1928 3 жыл бұрын

It just doesn't work for me, it instals but no output or anything.

@rabeelqaiser4959 2 жыл бұрын

Sir what theme are you using on ypur VS Code?

@Infinitude 3 жыл бұрын

Great Tutorial.

@hideperson7310 9 ай бұрын

Console ninja is also a good vs code extension for console log and all other stuff is helpful.🎉

@joostschuur 3 жыл бұрын

At 3:52 What do you think of const getMinifiedRecord = ({ id, fields }) => ({ id, ...fields });. Too terse?

@joostschuur 3 жыл бұрын

That might even be an interesting topic for a video: What can you get too fancy with your code golf and make things harder to read?

@arzhong6170 3 жыл бұрын

What theme do you use ?

@pguti778 3 жыл бұрын

It was good! I'll give it a try!!

@jay8412 3 жыл бұрын

this is soooo helpful, thankss

@diegopg15 3 жыл бұрын

what's that font theme?

@justcoding001 3 жыл бұрын

lol that part you said your age was cool whaaat!

@JamesQQuick 3 жыл бұрын

Hahaha thanks!

@DamonMedekMusic Жыл бұрын

I wish I could get this to work for svelte files. I looked into Wallaby the parent company but its pretty thick of documentation not really related to such a basic need. Nor is there really any articles online about this. Super cool concept though as debugging takes so much time.

@vivek.tiwary 3 жыл бұрын

Can we do API calls?

@TheNamesJT 3 жыл бұрын

But after your done you still have to copy and paste that into your actual file right?

@JamesQQuick 3 жыл бұрын

Yep. But it gives you an isolated way to test quickly which is nice

@JamesQQuick 3 жыл бұрын

Also good if you’re not necessarily adding to your own code base, but answering a JavaScript question from someone else as an example. So you’re testing to confirm how something works. I do that a lot lol

@floridaman2214 3 жыл бұрын

Quokka doesn't seem to understand a Lightning Web Component Javascript controller

@silviaacuna371 2 жыл бұрын

muchas gracias, me sirvio de mucha ayuda!

@waterlight8194 2 жыл бұрын

thanks man

@matthiaskolley1048 3 жыл бұрын

What other extensions are you using?

@JamesQQuick 3 жыл бұрын

I’ve got a video on that :)

@matthiaskolley1048 3 жыл бұрын

Yeah. I already discovered that. Maybe i was a bit quick with my question :thumbsup:

@pruthvi218 3 жыл бұрын

How to open a file in Quokka.js instead of a new one every time?

@luisnannini 2 жыл бұрын

did you figure it out ? same problem here

@tbeseda 3 жыл бұрын

Happy thirtieth!

@user-kp1zd7on1d 10 ай бұрын

3:10 starts here

@adilskillz2694 3 жыл бұрын

Great

@iUmerFarooq 3 жыл бұрын

Can you please share your vscode confirmation 😃 I really love it ❤

@claudiodeluca2357 3 жыл бұрын

👍👍👍

@adilskillz2694 3 жыл бұрын

I am happy to be second comment

@markcuello5 Жыл бұрын

SECURITY

@Eric-co9br 3 жыл бұрын

You don't need the first 3 minutes of your video. Headed out your flapping jaws and get to the point

@JamesQQuick 3 жыл бұрын

Thanks for the feedback. I'll keep that in mind!

@JordanShackelford 2 жыл бұрын

Are you liberal? I need to know whether to unfollow you

@JamesQQuick 2 жыл бұрын

Hmmm I don’t characterize myself by those terms so your choice :)

@keifer7813 Жыл бұрын

What a weird thing to say