HOW this is the third time I needed to learn a particular language quick and when I get ready to study it, you've released a video
@TraversyMedia
Жыл бұрын
Magic 🪄
@ZaidMarrie
Жыл бұрын
I just got started with Vite today, and I just got a notification for this vid. It is magical lol.
@LtdJorge
Жыл бұрын
Always happened to me, a couple years back
@aritramukherjee
Жыл бұрын
💯 exactly same for me
@hasithadhananjaya2806
Жыл бұрын
@@TraversyMedia what's the npm i command usage in this video please describe it little more.
@anonymousontheinternet4486
Жыл бұрын
Just got started with Vite. Wanted a really quick intro so I could jump into it and not have to waste time watching a 2hr tutorial. This was perfect. Anything I need, I'll learn on the way.
@towatch
Жыл бұрын
The future of frontend tooling is here, thank you Brad.
@voidmind
Жыл бұрын
The developer experience is so much better! No more having to wait for the code to rebuild, and often you won't have to reload the whole component tree
@krupeshanadkat635
Жыл бұрын
You just made my life so cheerful ❤ I was in little panic when i heard new react docs got rid of cra & now they have mentioned to use next js by default. CRA official github repository also seems inactive. I did not want to learn Next js right now, but would still love to enjoy react on new projects without setting up things manually. This video really gave me confidence back.
@marcioandre6469
Жыл бұрын
🤣🤣Same here
@RustyNox
Жыл бұрын
Hey Brad, this was really useful to me, thank you for the long-form content on Vite, super clear explanation, love your style!
@brianressler569
4 ай бұрын
I needed something that I could use to quickly build out a concept without all the bells and whistles of nextjs and I ran into Vite. This video was godsend. I was kind of overthinking it since I am also still learning some React and WebPack fundamentals in the background. After watching your video, I am realizing how simple getting a Vite project up and running is and I can still finish learning react since nothing is syntactically different at least as of now.
@haciendadad
Жыл бұрын
Thanks Brad! A replacement for CRA has been a long overdue! Vite looks really cool and excited to use it; starting today.
@anshuraj5734
4 ай бұрын
Anything taught by you simply gets into my head in a go. Thanks for such crystal clear lectures.
@ward7576
Жыл бұрын
I am glad I found this clip. I actually didn't enjoy Vite at first. Felt confusing... you know why? With webpack and other solutions got used to the fact that I have to define paths to bundle-able assets, a lot of other boilerplate config beforehand, specific production config and optimizations that you have to set up - I was looking for that in Vite and got super confused when I found nothing like it. This has been the best switch I have done in build tools, ever.
@padeen2683
Жыл бұрын
Exactly at the moment when I wanted to search for "vite tutorial" this showed up. Great timing!
@yahayaoyinkansola8258
Жыл бұрын
Vite is really cool, i love the way it is so lightweight, giving the developer more control, and making the dev experience more enjoyable
@arianh
Жыл бұрын
It was a great video in order to get our hands dirty using Vite 👏🏻💯
@setfbiker
Жыл бұрын
It always feels special when I see a notif about a new video from you.
@estherinyang4779
10 ай бұрын
I wish I could like this a million times. Thank you so much!
@Salah-YT
Жыл бұрын
thank u so much Mr Brad it was an amazing video about Vite Thank u so much, and I did %50 the javascript course on ur website so I love it thank u so much for all staff
@elhaambasheerch7058
Жыл бұрын
"Through out this video It might seem like I'm bashing CRA but actually I'm just talking about vite", COLD.
@hallmorrison
2 ай бұрын
Remarkable instructor
@Ryguy12543
9 ай бұрын
excellent tutorial, I followed along without a single issue. thank you so much.
@otmanm4095
Жыл бұрын
Brad never disappoint
@code_with_sheynet
Жыл бұрын
Thanks very much my mentor
@rafaelalstent4974
Жыл бұрын
Thank you so much for making a informative video about a good replacement for CRA. The video is great, we have the theory and the practice. Couldnt ask for more. Thank you c:
@EnglishPracticeTime
3 ай бұрын
Very simple and nice thank you Brad ❤
@walidbelfatmi9333
Жыл бұрын
As expected of Brad, the best explanation. Thank u !
@samuelnkrumahbonsu7210
Жыл бұрын
Thanks for doing staff like this vitejs for some of us. Appreciate that a lot. Am learning bro. Thanks
@saranghae3720
Жыл бұрын
Love the way, how you present things....
@rod6722
Жыл бұрын
Sweet! I just started using it.
@JasonLayton
Жыл бұрын
Vite is awesome. Our build time got so much faster when we switched to it from webpack. Until this video, I've pronounced it to rhyme with "byte", whoops.
@sicfxmusic
9 ай бұрын
More like wheat than white 😉
@rangabharath4253
Жыл бұрын
Awesome as always Brad. Thanks 😊
@sanjaybatak3549
Жыл бұрын
Did Brad just upload a Crash Course from his hotel room? lol 😂 Thanks Brad. Keep up the good work!!
@NotesNNotes
Жыл бұрын
I LOVE VITE
@raekwonthachef
Жыл бұрын
Amazing video Brad! so succinct :)
@daydreamical
Жыл бұрын
Thank you so much for this video, was very useful, definitely learned a lot! Thanks!
@akashddeepchitransh4537
Жыл бұрын
Amazing video, exactly what I needed.
@JohnRayOrmillada
Жыл бұрын
Ive been waiting for this!
@Abdulshafial-Wahsh
Жыл бұрын
The idea isn't about getting slow, but taking too much resources. for someone like me just started and not having the best laptop or computer tool like create-react-app is really heavy on my machine and take a lot of resources ram, cpu, ... to run, so the idea is simplicity and using resources as minimum as possible
@marouaniAymen
Жыл бұрын
Thanks for the video, but it'd be better if it shows how to configure ESLint and add rules to the project and also how to add settings for unit tests (vitest or react-testing-library).
@УрошТомић-у4ф
Жыл бұрын
When working with huge scss files, vite can also get fairly slow. It even crashes sometimes.
@mahad7966
Жыл бұрын
Try tailwind instead.
@marouabenali1321
9 ай бұрын
Thank you, it was very helpful
@kelvinmacharia3715
5 ай бұрын
Wow! Greate resource ever
@lauralong3091
5 ай бұрын
i love these videos.
@naveenbelandur9952
Жыл бұрын
Thanks a lot, traversy media, for this
@Samuels691
10 ай бұрын
I enjoyed this! Thanks
@SameeraSenarathna
Жыл бұрын
Really helpful content. Thank You.
@code_with_sheynet
Жыл бұрын
You give me Hope that i will be great in Tech space
@TraversyMedia
Жыл бұрын
If I can, you can. As long as you have the drive 💪
@code_with_sheynet
Жыл бұрын
I have been learning DevOps this year, But my learning roadmap is getting distracted. What can i control that Brad? Please do a tutorial series on DevOps using Docker.
@code_with_sheynet
Жыл бұрын
@@TraversyMedia I have been learning DevOps this year, But my learning roadmap is getting distracted. How can i control that Brad? Please do a tutorial series on DevOps using Docker.
@tanmaypanadi1414
Жыл бұрын
you can look at books and content from Tech world with Nana and Jeff geerling they have some awesome tutorials on KZitem.
@vinay-g3y
9 ай бұрын
It could have been fantastic if you had incorporated testing with Vite as well.
@ScriptRaccoon
Жыл бұрын
3:21 I think this is not correct. esbuild is not used to serve ES Modules. As you say in the video, this is what the browser just does for us. esbuild is a module bundler. It is used to pre-bundle depencencies, and also when you run build the Vite application.
@huseyinlora
2 ай бұрын
Thanks!
@wwhill8033
Жыл бұрын
Excellent stuff, thanks😊
@xcrxwadda8287
Жыл бұрын
I was using CRA, but lately am using Vite it's fast and never looking back
@khandoor7228
Жыл бұрын
Thanks Brad!
@ThomasProsserZurich
Жыл бұрын
Thanks for this! I like vite precisely for its quickness. The only reason it took me so long to switch over: Dang they need a different logo! This one is just ugly.
@hip04hop85
Жыл бұрын
Right on time!
@hassaneoutouaya
10 ай бұрын
Thank you so much !
@mahmodsamir5110
3 ай бұрын
excellent
@faruqoloyede9772
Жыл бұрын
Wow just saw an article about this vite
@pav2k
Жыл бұрын
Please make Solidity crash course!
@kelvinmacharia3715
4 ай бұрын
Follow up on create a react app with Vite. Do you use npm init vite@latest my-project or npm create vite@latest my-project?
@crizwiz489
Жыл бұрын
Can you please create a crash course on react with typescript
@warisaremou8754
Жыл бұрын
Thanks for the video 😀🙏 How can I update vite version in an existing vite-react app Also can we have ( maybe later ) a video on how to set up pwa with vite-react app ? 🙏
@QueeeeenZ
Жыл бұрын
I love Vite, its like million times faster than Webpack
@alexanderkomanov4151
Жыл бұрын
Cool!
@Herdhiantoko
20 күн бұрын
I like your vscode theme? would you tell me which theme you're using?
@faizanahmad9850
Жыл бұрын
Thank u Brad
@Ryan-Phillips2.0
Жыл бұрын
Would be nice with more Vite tutorials. Like setting up navbar and routing.
@abhinavv_sharmaa
Жыл бұрын
What's the theme you are using in the VS code?
@sasabaid
Жыл бұрын
@TraversyMedia Loved the video. Can you also share the extensions u used for those autocomplete of imports, vite configs on ur vscode
@gururajmoger8649
Жыл бұрын
Pls do it for angular projects also 👍
@NiPSpawN
6 ай бұрын
Hi, how are called the theme you used in that video? Also what extension you use for vs code?
@techiesakar
11 ай бұрын
Why npm run preview shows blank white page ?
@evansatompoya7351
Жыл бұрын
For the environment variables section, when you run tests on your react application, you get cannot use import.meta outside a module even though I define type="module" in my package.json. so what I did was, reversed engineered vite to use the process keyword instead of import.meta. so I can now do something like process.env.API_URL. But the issue with the process keyword is that, in production, I get process is not defined since the process keyword is not accessible in browser environments. How do I get around this
@jediampm
Жыл бұрын
Hi, make a video on your thoughts about the new react docs and the fact they recommend nextjs and others related frameworks. Is this good for beginners?
@hugo-abdou
Жыл бұрын
is this the introduction of the course or this is the course i was excpecting more lool
@NiPSpawN
2 ай бұрын
Hi, what theme you use for vscode in that video?
@labialkosta261
Жыл бұрын
Hey Brad !! thanks for Uploading, i have a question for you or the audience here, everytime i hear about upgrading a software or a website, they say it's need funding wich mean money, so how upgrading software or a website need money, it's just coding that all. because i recently heard about twitter and he will be upgrading his source code and they say that it's will take a lot of money. So any explanation please ?
@TraversyMedia
Жыл бұрын
There are many areas of cost. Developers, project managers, marketers, infrastructure. As applications grow, so do the technology demands.
@badziobw
Жыл бұрын
Someone has to design this code and someone has to write it, thats the biggest chunk of cost. Im sure you don't do your work for free either?
@labialkosta261
Жыл бұрын
@@badziobw i understand thanks but i talking about upgrading with existing workers, but you already have answered the questions thanks a lot
@labialkosta261
Жыл бұрын
@@TraversyMedia thanks brad for the information ℹ
@tanmaypanadi1414
Жыл бұрын
As I understand during upgrades there is high possibility of broken code base, bugs , while the existing code is tested and proven to stand the test of time.
@abukhalidrifat3994
Жыл бұрын
I am getting an error while choosing react with JavaScript and swc. The error says "[vite] Internal server error: Bindings not found"
@Seacrest.
3 ай бұрын
I'm trying to bind nextjs landing page with client react app which uses vite but how can I define base: /lang/path as dynamic path to connect both apps? Is base static only because of linking assets?
@MuhammadIbrahim-x3h
Ай бұрын
You have awesome content.I am stuck on a problem plz guide me on I am implementing server-side rendering for a datatable (e.g., blog listing) in my Laravel project. I need to create a JavaScript file for this purpose. Should I place this datatable JS file in the public directory? If so, how do I compile the JS file from the resources directory to the public directory using Laravel Vite?Where should be the file placement in the folder structure. project-root/ ├── resources/ │ ├── js/ │ │ ├── app.js │ │ └── datatable/ │ │ └── blogListing.js ├── public/ │ └── build/ ├── vite.config.js ├── package.json └── ...
@ananyapkumar7761
Ай бұрын
which react snipets extension do u use?
@Virtualexist
Жыл бұрын
Hi people! I am completely new to learning react, I bought a udemy course, and they are teaching with CRA, should I continue or shift to VITE? I do not have enough information to make a decision, lemme know? plesss.
@warrenmcinnes987
Жыл бұрын
Hi Brad. How did your VS code auto-suggest @12:01? Was it co-pilot?
@tigrafale4610
Жыл бұрын
Cheers
@luisbrazilva
Жыл бұрын
I get it. It's fast but why is everyone ignoring the huge security risk of exposing your API connections and key because it serves the JSX files in the network activity tab without masking them or encoding them.
@kaos092
Жыл бұрын
All code on the client is exposed no matter what bundler or library / framework you use.
@omomer3506
Жыл бұрын
So does that mean you can't use vite with certain older browsers
@omojjegomosc8211
Жыл бұрын
Vite is showing a blank page after using routing, anyone has the same problem?
@DeoMaido
Жыл бұрын
Videos have worked for me but how can I make my website fix on small device's
@justjustin4044
Жыл бұрын
My Hello world is not showing I don't know what I did wrong
@S-we2gp
4 ай бұрын
Well your first mistake was doing web dev
@zdwlf3934
Ай бұрын
@@S-we2gp😂😂
@faizanahmad9850
Жыл бұрын
Hi, Brad I have enrolled in your MERN stack app course in udemy should I continue with same. Or it will get updated
@aaliraza4004
Жыл бұрын
hi, how we use Context API in Vite thankyou ...
@webdev_am
Жыл бұрын
what is the name of the vs code theme and the icon pack that you are using ?? thanks )))
@DragonFruit9k
Жыл бұрын
Hi, how can we setup testing library and jest, or is there better solution for testing?
@HiddenWorldsLLC
Жыл бұрын
even the react devs agree that CRA (Create React App) is not the right way to make a project anymore, that is why they removed CRA from the React Docs.
@AB-kq9xm
Жыл бұрын
it's still in the docs
@kasper369
Жыл бұрын
My brain says to use vite but my heart says to use webpack
@nivethan_me
Жыл бұрын
listen to your brain 😉
@jopadjr
Жыл бұрын
2.2k+...Thanks
@shamshad_hussain
Жыл бұрын
make video on vite react SSR and deploy
@vibhavvolvoikar901
Жыл бұрын
Sir please make one video on Pinia
@hajimeippo804
Жыл бұрын
Thank you!!!!! So we need to use different way to use environment var in vite instead of process.env.
@paulthomas1052
Жыл бұрын
Thanks - great demo.
@eliass1862
Жыл бұрын
but cant minify html...
@jimmacdiarmid8230
Жыл бұрын
This tutorial didn't tell me anything. I know nothing about React. I'd like to see a tutorial just on Vite with html css js to start. Most of the time I use Laravel with Tailwindcss or Vue3. I'm very green with Vite so in this tutorial I wasn't sure if I was looking at Vite functionality or React functionality. At this point, Vite is more of a hinderance than a benefit. Looking through the Vite docs, they don't provide any examples that I can see or examples of what can be done with Vite.
Пікірлер: 153