Stop Using Create React App

  Рет қаралды 565,601

Web Dev Simplified

Web Dev Simplified

Жыл бұрын

Sorry about the bad audio quality. My computer changed my mic to use my webcam mic instead of my actual microphone.
🌎 Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
#Shorts

Пікірлер: 445
@karlo9169
@karlo9169 3 күн бұрын
no i wont stop
@alt-thinking
@alt-thinking 10 күн бұрын
what about EXPO?
@paulXmbingu
@paulXmbingu 27 күн бұрын
" npm run dev -- --host " allows you to view your application on devices on the same network.
@balu3811
@balu3811 Ай бұрын
The problem with veet is that there isn't much help in the internet and some libraries like aws-sdk have problems with veet. There aren't much answers, but most'y questions
@maskedvillainai
@maskedvillainai Ай бұрын
Dude why didn't I see this a year ago. The hell
@gavincannon2796
@gavincannon2796 Ай бұрын
I have been trying to learn react for literally the past week and every single thing I have learned is either out of date, inferior or useless.
@eniolaaderounmu
@eniolaaderounmu Ай бұрын
i just started using vite this week. It is amazinggg! Never going back to create-react-app
@StevenDavisPhoto
@StevenDavisPhoto 2 ай бұрын
i'm starting my first app in 2 years, so yeah i was looking at new options. vite seems to be the most popular.
@muskanyadav8660
@muskanyadav8660 2 ай бұрын
It is showing module not found error after running npm run dev. Please help
@csinp2028
@csinp2028 2 ай бұрын
Bro It helped me lot❤
@ashokreddy2982
@ashokreddy2982 3 ай бұрын
But this VITE will display a blank screen when our code has errors instead of showing where the exact error is
@user-nx5sg8uf2q
@user-nx5sg8uf2q 3 ай бұрын
Thanks, man!
@Tsabora
@Tsabora 3 ай бұрын
very useful video
@Aot_tech
@Aot_tech 3 ай бұрын
Damn
@abdullahahmadsiddiqui2653
@abdullahahmadsiddiqui2653 4 ай бұрын
How to run diffrenet projects in one app?
@Sameditz785
@Sameditz785 4 ай бұрын
Amazing!
@strangeefacts
@strangeefacts 4 ай бұрын
😂🎉
@surajyadav3428
@surajyadav3428 5 ай бұрын
Yeah Vite is very fast and smooth compared to CRA and it has very less dependencies as well which gives it a wide edge.
@jubileudacachaca7777
@jubileudacachaca7777 5 ай бұрын
it's very easy, thanks
@kanishksingh5146
@kanishksingh5146 6 ай бұрын
Not to forget it’s deprecated now
@vingalante9183
@vingalante9183 6 ай бұрын
so people moving away from React?
@mostafahassan6909
@mostafahassan6909 6 ай бұрын
This was actually extremely helpful. I'm just getting started with node, and trying to use TypeScript with create-react-app was turning out to be rather tedious and non-trivial. With vite, I got up and running with TypeScript in seconds.
@g.ryanpeterson9686
@g.ryanpeterson9686 6 ай бұрын
I just learned about this from The Odin Project. Incredibly easy way to get a new project up and running.
@507_tyit_mehul_gohil7
@507_tyit_mehul_gohil7 6 ай бұрын
how to deploy react-ssr . can please make a video for that.or you can suggest me where i can try to deploy.
@cypherusuh
@cypherusuh 7 ай бұрын
the downside is you need to install A LOT of library to accomodate unit testing, not to mention Babel setup and jest config
@muhendis_
@muhendis_ 7 ай бұрын
could you speak slowly next time :'(
@guyunknown9123
@guyunknown9123 7 ай бұрын
do you also mention the struggles we have to go through after using vite instead of cra to the App as it grows? people don't know about that yet.
@AymenTDD
@AymenTDD 7 ай бұрын
Thanks bro
@herob2659
@herob2659 7 ай бұрын
Also, CRA is not being updated anymore, so it's best to use vite as replacenent
@Ajay-cv1zs
@Ajay-cv1zs 7 ай бұрын
Parcel is a beast😂
@raulbarriga7416
@raulbarriga7416 8 ай бұрын
What about for a small business where you want to get up and running fast, like for a hotel/Airbnb type business? Would next.js’ SEO feature be better for the business?
@manoking9619
@manoking9619 8 ай бұрын
I swear, everytime we newbies learn something, we quickly learn that it's obsolete, our information is incomplete, or there's something wrong with the practice.
@bob13513
@bob13513 6 ай бұрын
learning should be exciting, you're discovering things.
@sinethembagomba1720
@sinethembagomba1720 5 ай бұрын
That is true.
@Andy-si1pl
@Andy-si1pl 4 ай бұрын
When something new comes out - just ignore it if you are already halfway into a project. I did that for react and CRA for years but now I am still working as a React Dev. Only learn it if it will directly make you money. I use CRA for my side hustle. When its finished. I will look at the market and see what the best thing to upgrade it to is - rather than start it AGAIN (AGAIN) in vite.
@zainkiani9548
@zainkiani9548 4 ай бұрын
Right on the money my man
@mccleod6235
@mccleod6235 4 ай бұрын
Welcome to modern software development - particularly web development. React will be obsolete in a year or two, and vite will be superseded by something else.
@techdhunia373
@techdhunia373 8 ай бұрын
Hi
@HimanshuKumar-rn1cn
@HimanshuKumar-rn1cn 8 ай бұрын
I love using vite but I have a genuine question. ⁉️ When i create a react app using create-react-app then run it, and let's say i forgot to add a dependency in my useEffect, it let's me know in the terminal there's a missing dependency. But when i use vite for my react app, it doesn't give me any info regarding missing dependency if i have one. How can i get those messages in the terminal using Vite. Any help is greatly appreciated
@iamabhhilashdk
@iamabhhilashdk 8 ай бұрын
@WebDevSimplified Is there a way to deploy vite app without bundling and minification. We would like to see the source code in devtools. Adding build: { minify: true} did not stop bundling and minification when we ran npm run build.
@user-xi4rd3gd2t
@user-xi4rd3gd2t 8 ай бұрын
I have sent react o someone post .should i remove this ?
@Tassaczek
@Tassaczek 9 ай бұрын
Nice. I'm a vue developer and I was looking for it! So cool I can use vite :)
@oldmemorieshub5360
@oldmemorieshub5360 9 ай бұрын
Vite is cool. I used to run into problems with eslint a lot,,Vite is flexible and gives great control
@heidji
@heidji 9 ай бұрын
FYI, you cannot create standalone apps with VITE, it only works with CRA. It's something dumb in the end that makes the difference, but I only use VITE for hosted apps and CRA for standalones
@amanthinks374
@amanthinks374 9 ай бұрын
CRA is reason enuf to move to svelte
@user-ec4sh8og1q
@user-ec4sh8og1q 9 ай бұрын
configuring the webpack from scratch >>>>
@abhinav9469
@abhinav9469 9 ай бұрын
Vite makes much faster and efficient
@mustolinii8574
@mustolinii8574 9 ай бұрын
Vite is the way to go
@marcelsantee1809
@marcelsantee1809 10 ай бұрын
I ran into problems using GitHub SDK on vite
@raygrant9673
@raygrant9673 10 ай бұрын
Vite or Next?
@nawzhinit2744
@nawzhinit2744 10 ай бұрын
Yes i use it❤
@secretagent5209
@secretagent5209 10 ай бұрын
How much tools I need to learn at expert lvl to create a production ready hello world? Wtf???
@PirateSimulator
@PirateSimulator 10 ай бұрын
What for compiler is that
@MrFirstMiddleLast
@MrFirstMiddleLast 10 ай бұрын
This is not what computer programmers are supposed to look like...
@nemo3602
@nemo3602 10 ай бұрын
Me watching this when getting bored while CRA taking it's own time 😂😢
@user-gi7vy1gb1n
@user-gi7vy1gb1n 10 ай бұрын
Thanks for sharing
@rubeshraman9223
@rubeshraman9223 10 ай бұрын
Thanks for Saving my ass
@atharvabagade5625
@atharvabagade5625 10 ай бұрын
Thank you very much
@JSingh2000
@JSingh2000 11 ай бұрын
Next js is the goat
@AFTstorm
@AFTstorm 11 ай бұрын
Yea but u forget one thing: Legacy applications
@cedrictheveneau9141
@cedrictheveneau9141 11 ай бұрын
I started learning React a few months ago, and our teacher told us to always try to use a smaller package installer cause natively React has a lot of stuff you won’t necessarily use
@citronelle264
@citronelle264 Жыл бұрын
I'll try it today
@chibuezevince
@chibuezevince Жыл бұрын
Thanks for this.
@the_truth_seeker334
@the_truth_seeker334 Жыл бұрын
Vite supports many of the Roll-up plugins, which is very cool.
@owenwexler7214
@owenwexler7214 Жыл бұрын
"Create React App at this point is legacy software and should be treated as such." - Theo Browne
@so2zerzo831
@so2zerzo831 Жыл бұрын
This project has a very complex roadmap. Did they think to simplify it?
@aaronkagandev
@aaronkagandev Жыл бұрын
But what about linting?
@thecoolnewsguy
@thecoolnewsguy Жыл бұрын
Stop using react :-)
@SalsaColombiaUS
@SalsaColombiaUS Жыл бұрын
The only problem is that vite doesn’t run with cloud flare pages to host your app live right away 😢… so I’ve been using create React app
@aqeelshamz
@aqeelshamz Жыл бұрын
Can I migrate from create-react-app to vite?
@bernardus3289
@bernardus3289 Жыл бұрын
I still pronounce Vite the same as you prenounce Kite but with the V instead of K. Its just feels better.
@svenyboyyt2304
@svenyboyyt2304 7 ай бұрын
It's "fast" in French, so it's "veet". Evan You, the creator says so himself.
@melvinbenjamin6792
@melvinbenjamin6792 Жыл бұрын
Thank u bro
@phil5053
@phil5053 Жыл бұрын
Will try this out
@Lotpite
@Lotpite Жыл бұрын
And what minuses to use vite instead of cra?
@muhammadosama8308
@muhammadosama8308 Жыл бұрын
Could you make a video on using .env files in Vite. I had issue with using vite as it does not allow "process.env.API_KEY"
@mileselam641
@mileselam641 Жыл бұрын
Even better: quit using React! 😅
@Recruit1
@Recruit1 Жыл бұрын
What the fuck was the point of the picture? Just trace the key lil bro
@Bamaseahawk
@Bamaseahawk Жыл бұрын
YOU ARE AMAZING!
@philip1078
@philip1078 Жыл бұрын
What terminal are you using
@thanhtrungnguyen1684
@thanhtrungnguyen1684 Жыл бұрын
vite not use for all browsers
@chandanbarnwal192
@chandanbarnwal192 Жыл бұрын
kzbin.info/www/bejne/r6mYYol7bballaM
@namikazeminato68
@namikazeminato68 Жыл бұрын
Me who uses Expo Init: **Hmmm intensifies**
@mutumagitonga
@mutumagitonga Жыл бұрын
Great!
@leschroniquesdelhorreur229
@leschroniquesdelhorreur229 9 ай бұрын
Vitejs doesn't work with my background img and my font face ... He doesnt want to work with that ...
@indiancuriousvoice8773
@indiancuriousvoice8773 Жыл бұрын
Vite is 10x fater than create react app. I used personally
@Chris-ry7kj
@Chris-ry7kj Жыл бұрын
Used this for the first time recently and holy shit. It’s lightning fast
@wesleyblack8302
@wesleyblack8302 Жыл бұрын
is this a plug-in
@user-ph2qp8fe8m
@user-ph2qp8fe8m Жыл бұрын
Create react app is so slowly vit js is so much easier and better
@FuadAliah
@FuadAliah Жыл бұрын
How do you record your screen with phone view?
@KILLCHRISU
@KILLCHRISU Жыл бұрын
by editing it after recording lol or by setting the dimensions in obs
@FuadAliah
@FuadAliah Жыл бұрын
@@KILLCHRISU thanks for your reply, but what is the obs?
@videosforketan
@videosforketan Жыл бұрын
How about Jest? Does Vite support Jest?
@darrellparkhouse489
@darrellparkhouse489 Жыл бұрын
Vite is amazing
@jies933
@jies933 Жыл бұрын
Yessir
@bachana1231
@bachana1231 Жыл бұрын
Vite ❤
@AhmedMohamed-cf9dd
@AhmedMohamed-cf9dd Жыл бұрын
YES WE KNOW IT'S FASTER BUT WE WON'T DO IT😂
@xanderjuneau9049
@xanderjuneau9049 Жыл бұрын
CRA is a nightmare. I would never recommend anyone to use it, not even someone just starting to learn React. Vite is far better and faster.
@am_editx278
@am_editx278 Жыл бұрын
Thnx man thats really fast
@zainwasem
@zainwasem Жыл бұрын
Commenting on this video so the KZbin shorts algorithm learns to stop showing my Andrew Tate videos
@anormalking
@anormalking 11 ай бұрын
"your"?
@jaiminkharadi6961
@jaiminkharadi6961 5 ай бұрын
W
@ankitchauhan8682
@ankitchauhan8682 Жыл бұрын
The best part about creat react app is that you can make an egg on you system.
@wolverinelogan5409
@wolverinelogan5409 Жыл бұрын
Vite does not stop running on any typescript error like create react app
@mohammedhuzaifa8654
@mohammedhuzaifa8654 Жыл бұрын
What about pnpx?
@RedStone576
@RedStone576 Жыл бұрын
just stop using react lol
@tarifahmed7857
@tarifahmed7857 Жыл бұрын
After cd vite type set location is not recognize is showing error plz help
@VEOdev
@VEOdev Жыл бұрын
What the benifit of it rather than faster create app .. because idc, it is not like I create react app every time, also refrech is instant for me in react and my pc is mid
@sageosoro1703
@sageosoro1703 Жыл бұрын
Npx create-next-app
@chrism6880
@chrism6880 Жыл бұрын
Javascript truly is a nightmarish junkyard of a language held together with duct tape, bubble gum, and tears
@MemesterTheMaster
@MemesterTheMaster Жыл бұрын
Even Scratch is less trashy, I'm not kidding, JavaScript is hell on earth for whoever wants to type code.
@justSomeUserOnYT
@justSomeUserOnYT Жыл бұрын
JavaScript is the wild west at this point. I like it but also really hate it.
@MemesterTheMaster
@MemesterTheMaster Жыл бұрын
@@PalmDevs ok maybe I went too far, but JS is still caos
@kirin9991
@kirin9991 Жыл бұрын
Held together by ur mom
@MemesterTheMaster
@MemesterTheMaster Жыл бұрын
@@kirin9991 man at least I have a mom
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 447 М.
Learn useState In 15 Minutes - React Hooks Explained
15:45
Web Dev Simplified
Рет қаралды 1,1 МЛН
Glow Stick Secret 😱 #shorts
00:37
Mr DegrEE
Рет қаралды 137 МЛН
Trágico final :(
01:00
Juan De Dios Pantoja
Рет қаралды 30 МЛН
Don't eat centipede 🪱😂
00:19
Nadir Sailov
Рет қаралды 23 МЛН
ХОТЯ БЫ КИНОДА 2 - официальный фильм
1:35:34
ХОТЯ БЫ В КИНО
Рет қаралды 1,9 МЛН
Is Drizzle Really Better Than Prisma?
20:15
Web Dev Simplified
Рет қаралды 65 М.
Vite Crash Course | Faster Alternative To CRA
16:24
Traversy Media
Рет қаралды 182 М.
Analog Clock HTML CSS Javascript Dark Mode
9:27
Code Braces
Рет қаралды 28 М.
Junior vs Senior React Folder Structure - How To Organize React Projects
16:16
JavaScript ES6 Arrow Functions Tutorial
9:32
Web Dev Simplified
Рет қаралды 811 М.
WTF Do These Even Mean
13:44
Web Dev Simplified
Рет қаралды 71 М.
Learn useRef in 11 Minutes
10:20
Web Dev Simplified
Рет қаралды 612 М.
React For Beginners 3 : Create React App Using Vite
5:25
Code Stoic
Рет қаралды 24 М.
Learn React With This One Project
42:38
Web Dev Simplified
Рет қаралды 679 М.
Top 10 Advanced CSS Responsive Design Concepts You Should Know
20:16
Web Dev Simplified
Рет қаралды 494 М.
Glow Stick Secret 😱 #shorts
00:37
Mr DegrEE
Рет қаралды 137 МЛН