Should You Stop Using React

  Рет қаралды 152,451

Ben Awad

Ben Awad

Күн бұрын

React.js fanboy responds to article calling for you to stop using React.js
1. React is slow
2. React is expensive
3. React is inaccessible
4. React goes against what the web was made for
5. React is made by Facebook
article: dev.to/ender_minyard/why-you-...
#benawad #react
----
Checkout my side projects:
If you're into cooking: www.mysaffronapp.com/
----
Join the Discord: / discord
----
Patreon: / benawad
----
Follow Me Online Here:
Twitter: / benawad
Twitch: / benawad
Medium: / benawad
GitHub: github.com/benawad
Facebook: / benawad97
LinkedIn: / benawad
Instagram: / benawad97
TikTok: / benawad ​

----
Follow me online: voidpet.com/benawad
#benawad

Пікірлер: 714
@anb1142
@anb1142 3 жыл бұрын
I used to have a 2G connection. In my experience React is better than the usual because I'd rather wait once for a long time rather than waiting for like a minute for each page
@ricardorien
@ricardorien 3 жыл бұрын
Me, a venezuelan, can relate.
@mrelec1000
@mrelec1000 3 жыл бұрын
TLDR: no, dont stop using react.
@johnyepthomi892
@johnyepthomi892 3 жыл бұрын
@Vizman216 what's your recommendation, professor?
@Amaraticando
@Amaraticando 3 жыл бұрын
@@johnyepthomi892 there's a framework by the most specialized company on the web, Google. I believe it's called Angular or something.
@johnyepthomi892
@johnyepthomi892 3 жыл бұрын
@@Amaraticando need more than that! Justify with more details react Vs angular
@alimertcakar1894
@alimertcakar1894 3 жыл бұрын
@@Amaraticando That no one likes to use.
@victorgarcia3526
@victorgarcia3526 3 жыл бұрын
@@alimertcakar1894 I like to use Angular :/ (not trashtalking about react anyway)
@usmansbk
@usmansbk 3 жыл бұрын
Stop reacting to "Stop using React"
@enderminyard2786
@enderminyard2786 3 жыл бұрын
I like the reactions. They are fun to read/watch. I also like to see how people process my writing.
@mgjulesdev
@mgjulesdev 3 жыл бұрын
Should you stop reacting to "Stop reacting to 'Stop using React'"
@syedalimehdi-english
@syedalimehdi-english 3 жыл бұрын
@@mgjulesdev there is no need to react to Should you stop reacting to "Stop reacting to 'Stop using react'"
@buka.a
@buka.a 3 жыл бұрын
What are you doing here Usman 😂
@usmansbk
@usmansbk 3 жыл бұрын
@@buka.a 😂 I'm everywhere
@tommulvey4752
@tommulvey4752 3 жыл бұрын
god I read this title as "you should stop using react" and had a heart attack
@himanshutomar7542
@himanshutomar7542 3 жыл бұрын
click bait
@abhisheksah
@abhisheksah 3 жыл бұрын
Vizman216 fake news
@stopPlannedObsolescence
@stopPlannedObsolescence 3 жыл бұрын
I guess some angular developers said yeah!!,I knew it XD
@aaronhedgesmusic
@aaronhedgesmusic 3 жыл бұрын
Maybe the title is missing a question mark?
@BrunnooM
@BrunnooM 3 жыл бұрын
+1, since I just learned it
@swyxTV
@swyxTV 3 жыл бұрын
but what if I am an ex Facebook ex Google ex wife ex millionaire should I use React
@volttideify
@volttideify 3 жыл бұрын
swyx Ex technical lead?
@hungerfan552
@hungerfan552 3 жыл бұрын
swyx no you should use python 2 and php 5 😂
@rajivswargiary1536
@rajivswargiary1536 3 жыл бұрын
@Vizman216 # ha ha ha ha ..... Good reply............
@manto7
@manto7 3 жыл бұрын
Better watch techlead
@Endrit719
@Endrit719 3 жыл бұрын
@Vizman216 lmao nice one
@gradientO
@gradientO 3 жыл бұрын
Pls make a video on this new library called "Angular"
@epixdoogamer
@epixdoogamer 3 жыл бұрын
😄
@tezz-io
@tezz-io 3 жыл бұрын
This Ben guy seems like he'll love Angular
@MagnusAnand
@MagnusAnand 3 жыл бұрын
😋
@crazy_coder
@crazy_coder 3 жыл бұрын
Angular is a framework bro
@manto7
@manto7 3 жыл бұрын
Angular was released in 2010. It's 2020 dude
@anuraghazra4772
@anuraghazra4772 3 жыл бұрын
Blog post: stop using react. The entire react community: So you have chosen DEATH.
@bibekkhatri
@bibekkhatri 3 жыл бұрын
😂🤣
@lsagar
@lsagar 3 жыл бұрын
look who I found here?
@___GM___
@___GM___ 3 жыл бұрын
No. We have chosen svelte
@anuraghazra4772
@anuraghazra4772 3 жыл бұрын
@@lsagar :p
@patientson
@patientson 3 жыл бұрын
lol
@TJHooper123
@TJHooper123 3 жыл бұрын
"Should you stop using React?" "Oh...so...Angular then??" "No...wait, that's not what I.." "npm install -g @angular/cli" "No Don't! That's even worse than Rea..." "ng new super-hardcore-javascript-bloated-app" "STOP! THINK ABOUT THE 2G!" "cd super-hardcore-javascript-bloated-app ng serve"
@fabricio5p
@fabricio5p 3 жыл бұрын
This article barely has a real-world applicable point. The 2g thing is laughable
@adityatripathi1904
@adityatripathi1904 3 жыл бұрын
Agreed, like unless your user base is in Antarctica lol.
@azenics
@azenics 3 жыл бұрын
It loads forever on my 20 year old flip phone tho...
@alimertcakar1894
@alimertcakar1894 3 жыл бұрын
@@azenics Then its your problem, not mine.
@rayab367
@rayab367 3 жыл бұрын
You always have to make the general case faster no matter what.
@darxoonwasser
@darxoonwasser 3 жыл бұрын
In big parts of gerrmany there's only 2G, but yeah I get what you mean
@adamjohnston3157
@adamjohnston3157 3 жыл бұрын
It just doesn’t matter. For those of you who are new, you’ll see this over and over again. Somebody at company xyz says something is bad. Ignore it, the knowledge you gain is what’s important. When you learn React, you learn about HTML, CSS, JavaScript as a language, how to make API calls, you can easily pick up Node, etc. If you have this base knowledge, it does not matter where you start or who says to use or not use something. It matters that you understand the concepts.
@SquashBox
@SquashBox 3 жыл бұрын
I'm so excited for your Svelte content!
@HelloThere-xs8ss
@HelloThere-xs8ss 3 жыл бұрын
React can do no wrong. React can give me a black eye and I'd still tell the doctor I fell down the stairs.
@woodbrettm
@woodbrettm 3 жыл бұрын
Ben: "I don't do homework anymore" Narrator: *He's lying*
@marcusaureliusregulus2833
@marcusaureliusregulus2833 3 жыл бұрын
Uso de aru!!
@francescociulla
@francescociulla 3 жыл бұрын
Great video! Which Mic do you use?
@jakeruth4603
@jakeruth4603 3 жыл бұрын
Has anyone tried the new Tortoise-Shell library? It has an integrated terminal and CLI for nodeJS so just wondering if it's worth the look. Heard it is a great replacement for React and Vue
@ItsJustEza
@ItsJustEza 3 жыл бұрын
Using your 500kb + 10kp/page vs 20kb/page example the threshold is 50 pages.
@sultanb6685
@sultanb6685 3 жыл бұрын
QUICK MATH
@malikbrahimi7504
@malikbrahimi7504 3 жыл бұрын
Hey Ben I understand how to use full stack technologies to develop an application but could you do a tutorial on architecture? Like for example if I wanted to create a SaaS of my own, my next step would probably to do a pre-release and let a decent amount of users try it out for me and provide feedback. Obviously, if I'm going to allow 5k or 10k users to use my app out the gates I'd need some infrastructure to accommodate that. How do I select a database with scale? Should I use a full backend or cloud functions to limit my cost? How do I configure environment variables for CORS and whatnot across multiple deployments? Should I use a storage bucket or save files to my backend server's file system? How do I take Docker outside the scope of development into production? I'm just really confused if you could clarify these things.
@psy667
@psy667 3 жыл бұрын
Vue: *released 3.0* Ben Awad:
@bawad
@bawad 3 жыл бұрын
what project should I make with Vue 3?
@wdsrocha
@wdsrocha 3 жыл бұрын
@@bawad do an online judge. Because why not?
@michalkotlicki4710
@michalkotlicki4710 3 жыл бұрын
@@bawad build the youtube!
@slenderontheline
@slenderontheline 3 жыл бұрын
@@bawad I personally want to try migrating your reddit clone tutorial over to vue 3, once I'm finished with the next.js tutorial. Maybe I'll use it with Nuxt.js
@stephenkluthe6867
@stephenkluthe6867 3 жыл бұрын
A poll to see what project you should make in vue3
@quangphan9020
@quangphan9020 3 жыл бұрын
Yes Svelte content, I am excited. I'm building a personal project with Sapper, Apollo Client & Postgraphile and things are going very well.
@nunya1337
@nunya1337 3 жыл бұрын
Good video! Been watching a lot of you work and especially enjoyed the 18 hour full stack tutorial. Please do a video comparing React to Preact. Much smaller, practically the same feature set, and there are tools to build out already existing React code into Preact code with minimal code changes at the root of the project. I use it as a library for building React components which are injected already existing sites (which may or may not already be running a SPA framework) and it seems like a suitable, lighter alternative.
@SuboptimalEng
@SuboptimalEng 3 жыл бұрын
Why do you prefer TSX (in React) over HTML templating (in Vue)?
@Patrickdaawsome
@Patrickdaawsome 3 жыл бұрын
Because it's better. (As a person who started with Vue)
@SuboptimalEng
@SuboptimalEng 3 жыл бұрын
@Vizman216 I started off with Vue as well, but JSX/TSX looks way cleaner and more intuitive. I spend 6 months learning Vue, but React is drawing me in. Tryna get some advice from the god of React @benawad.
@MrREALball
@MrREALball 3 жыл бұрын
Well, autocomplete is better. Although there is an experimental feature you could turn on in vetur vscode extention that makes vue templating almost as good as tsx.
@dev__adi
@dev__adi 3 жыл бұрын
What are your thoughts about preact?
@ebonilha
@ebonilha 3 жыл бұрын
Smaller bundle-size, but slower. Idk, it's not like the majority of your bundle is React itself. Tree-shaking and choosing dependencies smarter would go way further and preserve performance
@JasonBoyce
@JasonBoyce 3 жыл бұрын
I love React, and enjoy programming in it. One of my recent projects (a Covid-19 tracker I built in React JS) helped me get hired at a medical university as a web developer, so it’s still worth working in, especially if you enjoy it. I have a number of personal projects I run in Django/React and I just enjoy the actual programming as well as using the apps themselves
@Ahmadavocado
@Ahmadavocado 3 жыл бұрын
Do you use Django with react or Django REST API and just react to serve stuff
@JasonBoyce
@JasonBoyce 3 жыл бұрын
@@Ahmadavocado Originally I was using Django to serve everything, but about 2 years ago I duplicated most of the functions through REST API, and since Covid-19, completely moved everything over to REST. My blog (a whole CMS I made from scratch) used to be served frontend and backend by Django, but now it’s all REST with a React front end. The Covid-19 app, however, is just a React JS file being served on a blank template HTML file, since it doesn’t use any databases. But I MUCH prefer React/Django, right now I’m working on a video game engine that moves all the enemy/map/audio/character data to components that communicate with the REST server, so the “game” is javascript while the data is REST. It’s so much more powerful that way.
@Ahmadavocado
@Ahmadavocado 3 жыл бұрын
@@JasonBoyce that’s nice to hear! My first project was a custom blog using Django as well haha. It was a totally newbie project but it got me started with Django and some JS basics to handle AJAX. The css was pretty bad and it lacked interactivity but it really made me fall in love with Django! Been pretty busy with school lately but I’m planning to learn react during the sem break and create more interesting projects soon.
@JasonBoyce
@JasonBoyce 3 жыл бұрын
@@Ahmadavocado Django is amazing, and there’s so much that can be done with it once you really start digging in. Especially if you switch to REST/React, because then CSS/JS etc all get freed up to run elsewhere, and you don’t need to mix your code bases. I worked on one project a few years ago that took every street tree in San Francisco (trees planted in sidewalks) , about 130,000 of them, and then built a frontend that you could use to figure out which trees were planted where, which ones were in the best conditions, you could select a GPS location and it would rank all the trees around your location, my coworkers would use it to skateboard around neighborhoods and mark sites where they would come back to plant trees later (they LOVED using the app on the phone while they skated), and the City used it when they met with neighborhood groups to talk about where they wanted to target their planting and the benefits it would give. INCREDIBLY useful project, that was ALL Django (frontend, css, js as well), and I would feel much more comfortable with that data in Django & Python than I would in Node or some other server
@Ahmadavocado
@Ahmadavocado 3 жыл бұрын
@@JasonBoyce That sounds amazing, and very practical, I'm inspired! Maybe I could work on something similar in my country haha. Can't wait to learn and progress to your level and beyond. Thanks for your help!
@nairjithus
@nairjithus 3 жыл бұрын
Yes for svelte. And sapper. Svelte eased me into framework world. I'm in no way experienced enough to give the pros and cons or it's nuances. But as a newbie I can appreciate the elegance of svelte. It somehow feels joyful writing svelte and kinda feels like a very meaningful extension to HTML, CSS and JS. I hope more youtubers try and shed some light on this lovely framework and not let it die out. And sapper too, it needs some love so bad. 😅
@krozaine
@krozaine 3 жыл бұрын
Any cues over why I would prefer Svelte over Vue? (other than any performance benefits if any - it barely applies in current world with ever increasing hardware computational potential in years to come)
@nairjithus
@nairjithus 3 жыл бұрын
@@krozaine I'm new to coding in general. So other experienced developers can probably answer your question better than me. The only thing I can say is, it feels intuitive. Especially for someone coming straight from HTML, CSS and JS. It's very subjective, I know. But that's all I can give you. If you can find some time do give svelte a try. Just jump in and find out if it makes sense for you. That's the best way to know. It's not a huge cognitive load.
@fragileglass9622
@fragileglass9622 3 жыл бұрын
Matheus I have no idea where you get ‘jerk’ from. Rich has developed a lot of phenomenal tools for Frontend dev. The list of Svelte contributors is rather large, the community is working hard to mature the environment. I’ve had nothing but great experiences with Rich. Super humble and he is really self deprecating. Also has a pretty dry British sense of humour.
@kokizzu
@kokizzu 3 жыл бұрын
+1 for happiness
@jotomato
@jotomato 3 жыл бұрын
Matheus what do you mean a jerk? Even though I’ve not met him in person but his contributions and talks pretty much says he is an intellectual and very humble person.
@seephor
@seephor 3 жыл бұрын
Those points against React are the least of the concerns. I'm old enough to remember the development community moving in the direction of separation of concerns. React not only goes against this idea but it bloats it with JSX and CSS in the ugliest manner possible. People would laugh at legacy ASP because of this and now it's the greatest thing since sliced bread. The worst of all is how React handles State. It's too long to explain in a post but being a developer for 25+ years, the first time I saw React, I almost threw up in my mouth. It sounds like the dev team said let's get HTML modularized BY ANY MEANS NECESSARY. even though your code turns in spaghetti and unreadable not to mention sprinkles of array mapping, reducing and passing event up the component chain. Nothing but a mess.
@kaliluchodl
@kaliluchodl 3 жыл бұрын
If you're just going back and forth between pages i would assume the browser will cache them and just download the new ones. so it will be just 20kb per new page. So it will still be cheaper right?
@stephenmount6181
@stephenmount6181 3 жыл бұрын
BEN give the people what they need static HTML vs React SPA mathematics reveal at 200K subs!!
@Funny9689
@Funny9689 3 жыл бұрын
It's just a simple system of equations
@EagleZH23
@EagleZH23 3 жыл бұрын
Oh hey, it's you!
@magicfibre
@magicfibre 3 жыл бұрын
Can't wait for the Svelte content!
@enriquesneffels3053
@enriquesneffels3053 3 жыл бұрын
OMG, I'm waiting for Svelte content!
@enzzzaapiking1149
@enzzzaapiking1149 3 жыл бұрын
For me every framework is like tool and you need to think what are you building first to decide what you will use. I tried Svelte it looks really good looking forward for your video about it :P
@ShuraKumori
@ShuraKumori 3 жыл бұрын
Very good video, congratulations! The best part is the ending lol
@Drtsaga
@Drtsaga 3 жыл бұрын
Hello Ben, I stumbled upon this video by accident (no a React guy or whatnot). I just wanted to ask this question: what is that other mic doing in the background? Much love
@LoftwahTheBeatsmiff
@LoftwahTheBeatsmiff 3 жыл бұрын
Awesome videos, I don't get quite a bit of it but I'm getting there.
@fischi9129
@fischi9129 3 жыл бұрын
Btw... vue 3 officially released, are you intrested in cheking it out a bit more in detail?
@linusjoensson8219
@linusjoensson8219 3 жыл бұрын
Hello Ben, I am a middle aged programmer working at a big consultancy company in Europe. I have mainly been doing SQL Server procedures for the last 20 years, but I like to learn new things and your videos really helped get me going with modern tools like JavaScript. I am now using something called Angular almost every day, and I've produced new functionality multiple times within a single year. Its really good, you should check it out. I think its a bit newer than what you talk about here but just like me you shoudnt be afraid to try it out.
@joshgribbon8510
@joshgribbon8510 3 жыл бұрын
The Vue video was awesome, I'd love to see a similar one with Svelte!
@drwisdom1
@drwisdom1 3 жыл бұрын
Used to be we wrote heavy applications that ran on computer networks. The best example being Windows applications running on PCs. To improve performance client server databases were implemented to move some of the processing from the client PC to the network server. Then the Internet showed up and all processing, not just data base access, was moved to the server while clients perform interface rendering, user input, and communications with remote servers. Turns out the Internet thing was a major success and technological improvement. So when people tout technologies that move processing from the server to the client, they are trying to turn back time. Today's computers and communications links are so unbelievably fast that everything is instantaneous unless you intentionally write slow implementations.
@sohamzemse
@sohamzemse 3 жыл бұрын
Hi Ben, how do you use TypeScript with Svelte?
@psanch
@psanch 3 жыл бұрын
I still use react but I'm excitedly waiting for svelte to become the giant with the largest community. the compilation speed and the size of the bundles are satisfactory AF. Please make more videos of svelte so that the community continues to grow.
@OzzyTheGiant
@OzzyTheGiant Жыл бұрын
I think that's where everyone should be. I think Svelte is peak web development; It just sucks that because of the JS fatigue phenomenom, everybody decided to give up already and they just HAD to settle for React when there are so many better alternatives out there
@ykristianhd
@ykristianhd 9 ай бұрын
No yet :c
@alejandrorodriguezlopez5266
@alejandrorodriguezlopez5266 3 жыл бұрын
Is using Material-UI a way to bloat my code? I really really hate bootstrap and I found more intuitive using Material.
@_ap__
@_ap__ 3 жыл бұрын
Excellent perspectives, Ben.
@TheMrSoap
@TheMrSoap 3 жыл бұрын
Dude, you are super talented in the teaching department. Kudos and thanks for the channel.
@piyush9453
@piyush9453 3 жыл бұрын
Wait a min this isnt techlead
@hagenlens1403
@hagenlens1403 3 жыл бұрын
Hahaha
@beedhanbhuwai
@beedhanbhuwai 3 жыл бұрын
Article might be written by techlead
@jamespowers1382
@jamespowers1382 3 жыл бұрын
techlead video would have been just over 10 minutes long. That's how you know it's not techlead.
@jorgejarai
@jorgejarai 3 жыл бұрын
@@jamespowers1382 Also, Ben didn't mention he is an ex-Google ex-Facebook ex-husband ex-millionaire
@tesfalemhaile8427
@tesfalemhaile8427 3 жыл бұрын
he looks like techlead. hahaha...
@devserendipity3063
@devserendipity3063 3 жыл бұрын
Should you use angular? or react? or vue?
@ziaaddils
@ziaaddils 3 жыл бұрын
I’m loving svelte and migrated my projects from react to svelte. Was so fun
@mysterio7385
@mysterio7385 3 жыл бұрын
Did it improve your perfomance and if so, then how much?
@thundergabriel
@thundergabriel 3 жыл бұрын
Svelte bundle with large projects works?
@lubeckable
@lubeckable 3 жыл бұрын
Good luck with job market?
@moominfin
@moominfin 3 жыл бұрын
@@lubeckable Not everyone is an unemployed web developer
@rand0mtv660
@rand0mtv660 3 жыл бұрын
@@Comphonia Maybe the person just migrated some small personal projects that he has for fun, not necessarily an app that is a business? This is definitely ok if you want to experiment and just see what is new in JS frameworks land. I also think that Svelte looks promising, but I'm not sure how it scales because I didn't actually use it to create anything more meaningful.
@KeithBalante
@KeithBalante 3 жыл бұрын
Dude I love your videos. I've been in software development since 2001.
@donovanvanderlinde3478
@donovanvanderlinde3478 3 жыл бұрын
I want to cry with happiness when you post I hate posting this since i made it 421 now :( But the support comment is needed I was comment 420 cause i am your most baked fan ! Thanks for all the good content dude
@fafamnzm3126
@fafamnzm3126 3 жыл бұрын
Comparing react to vue with python to c does not make sense. Python gives frameworks c does not, but vue gives a lot more than react and handles a lot more itself, and I think the article would make a stronger argument if it was comparing react to vue rather than react to html ot vanila js in general. React is somewhat built in progress which makes it prone to complexity and performance issues like state management (redux) which was made later on, however vue on the other hand comes with vuex out of the box and handles everything for you and dont get me start on css in jsx. Also it was very interesting that react was slower as I always thought it was faster which was the only reason I could have thought people would use it 😅, but for vue to be that much faster was something else 🤣
@OggieSutrisna
@OggieSutrisna 3 жыл бұрын
could you please share your opinion about Laravel 8 ??
@jakebirkes
@jakebirkes 3 жыл бұрын
Hey Ben, could you do me a solid and fix your frame? Every video you post I wish I could walk over and fix it for you.
@ekkamailax
@ekkamailax 2 жыл бұрын
React is a view rendering library. It doesn’t have the design patterns needed to build an application. That’s why you end up with spaghetti code like “prop drilling.”
@santiagonoya5702
@santiagonoya5702 3 жыл бұрын
You missed the "?"
@shivrajnag12
@shivrajnag12 3 жыл бұрын
Ben please make a detail roadmap how to become a full stack MERN + graphql + apollo + typescript developer. What area should I focus more and what to learn first. I try to do CSS, REACT, NODE all at a same time and it's seems to be counterproductive for me.
@irvansyahroni3508
@irvansyahroni3508 3 жыл бұрын
I wonder what tech used to create the blog that posted on, can anyone tell me
@irvansyahroni3508
@irvansyahroni3508 3 жыл бұрын
After inspection on dev github, what an irony its using preact, nice try roasting react on a website build with preact
@oliver-shi
@oliver-shi 3 жыл бұрын
thoughts on preact?
@hamed4451
@hamed4451 3 жыл бұрын
What's alternative instead of react? I think ssr is the better way instead of react js , isnt it?🤔
@CaliMLD
@CaliMLD 3 жыл бұрын
You tried Svelte, and you tried Vue. Which one did you like more, and why?
@OzzyTheGiant
@OzzyTheGiant Жыл бұрын
Since he didn't respond, maybe I can give you my opinion as someone who's used them both: Vue - I love Vue 2 especially class components as opposed to the standard Options API. The class syntax is more readable and works nicely with Typescript getter properties instead of having to created your own computed properties. This syntax is so easy to read and makes refactoring much easier in my opinion. Vue 3 though.... that was a huge breaking change. Although Options API still exists, they abandonded the Class syntax in favor of Composition API, which I think sucks just because I think they're trying to rip-off react and I hate React's hooks. Yes, they have said that it is not at all like React's hooks and I understand that, but the fact that the API "looks" like that makes me think that I'm going to be seeing a lot more messy code just as I've encountered with React components. Other than those things, Vue is amazing for pioneering the Single File Component system; I love that we don't have to write everything in JS like React does, but does not lead to File Hell like Angular; it's the best middle ground using script, style, and template tags. I think all web frameworks should follow this standard, if Vue doesn't ever become the #1 framework. Svelte is even better than Vue. Instead of using a defined component structure (which I like), it basically uses plain JS with a few minor special syntax cases that allow the Svelte compiler to compile down to class componenets. Since it compiles, it does not use a VDOM like React and Vue does at runtime, and it works well, far outperforming its competitors. Learning the additional Svelte code like event handlers doesn't feel like I'm learning special syntaxes, it just feels like I'm importing useful utility functions, keeping things so simple. I think Svelte should be the framework everyone should use right now.
@SamirMamude
@SamirMamude 3 жыл бұрын
Great explanation, greetings from Brazil!
@echonabin
@echonabin 3 жыл бұрын
Hey Ben here's the question what did you use instead of Redux??
@mechantl0up
@mechantl0up 3 жыл бұрын
Vanilla JavaScript gives great performance on modern engines. Moreover, use getelementbyid instead of queryselector, and insert complete DOMnodes in their intended order without unnecessary post-insert setattributes, if possible, and watch the performance go through the roof. The user has loaded the page, rerendered it to a new context and opened a couple of menus before the functionally-equivalent react version would even be available for interaction.
@luisrodrigues678
@luisrodrigues678 3 жыл бұрын
What do you think about nextjs?
@lebroncode
@lebroncode 3 жыл бұрын
What is the "svolt" you are talking about?
@96erardo
@96erardo 3 жыл бұрын
Someone knows where does the beef came from with Angular ? I've never used the framework before but i like his jokes hahaha, why is it bad ?
@pearceodegard582
@pearceodegard582 3 жыл бұрын
When I host it locally it takes only a bit but I have 16gb of ram. For others in my course it takes for fucking ever. Also it just looks bloated as fuck when you look at the files in VSCode. Can you tell I am noob?
@bethealphaa
@bethealphaa 3 жыл бұрын
Thanks bro for your feedback
@oliverhughes169
@oliverhughes169 3 жыл бұрын
Looking forward to the Svelte content! In the meantime, yes I will keep with React, thanks.
@khaftabuddinahmed1634
@khaftabuddinahmed1634 3 жыл бұрын
I am afraid to watch this video as I am learning react.
@zekicaneksi
@zekicaneksi 3 жыл бұрын
did you learn
@chetouihamza7131
@chetouihamza7131 3 жыл бұрын
im intersted to know your opinion on BlitzJS :)
@T3BFitnessTripleThreatBoss
@T3BFitnessTripleThreatBoss 3 жыл бұрын
What about Vue vs React? Which one is better
@Alex-gj2uz
@Alex-gj2uz 3 жыл бұрын
Haha great video. I was wondering about the 2G argument, in our country they gonna soon shutoff 3G soon. In most of the countries 2G is off anyway. You should actually stop using "high resolution streaming platforms" like youtube because there could be someone watching your video with a limited connection. And as always for any framework or language, you only go down the rabbit hole only if its neccessary. If you use plain javascript or c / c++ for the sake of native execution speed, thats not the best choice. In a real world project you need to take into account way more than pure execution speed. Like time to market, maintanance, availability of skilled poeple, existing opensource projects you depend on, etc. etc. So thanks again for the high resolution video :D
@sobzisking
@sobzisking 3 жыл бұрын
Can please do a tutorial on how to create a like button in react expo, node js and mysql (xampp) and also posting text to a server
@enderminyard2786
@enderminyard2786 3 жыл бұрын
Great video, Ben. React has tradeoffs. Whether those tradeoffs are a turnoff depends on the individual. To me: Github loading one second for each page > waiting 10 seconds on initial page load. That preference is subjective. The obvious answer to "HTML can be slow too!" is to cache HTML server-side + with service workers. HTML and JavaScript can both be cached with a service worker, but only one needs to be compiled and interpreted. Cached HTML does not give rise to the interactivity issues of server-side rendering, so the performance of the two should not be compared. Let's do some dead simple math on the HTML-being-expensive-as-JavaScript concept. The HTTP Archive found the median sum of transferred KB of all HTML documents requested by a tested page was 24.7 KB from October 15, 2016 to Aug 1, 2020. The HTTP Archive found the median sum of transferred KB of all external scripts requested by a tested page was 424.4 KB of JS for a single page.) I suggested in point 3 of the article that one should use Preact instead of React to address the issues raised in the article. If you simply use React because you enjoy the developer experience, use Preact instead. Sapper (Svelte) + htm = other good alternatives for people who hate vanilla JS. Thank you for reading :-)
@shubhamsahu7673
@shubhamsahu7673 3 жыл бұрын
Can you make a infinite scrollable carousel with react native? there is no one out there that I can find who does it.
@hk5716
@hk5716 3 жыл бұрын
15:52 caching exists... if done correctly it can prevent loading much data which will lead it to only having to download text which is not very large.
@thcheung
@thcheung 3 жыл бұрын
What should I use instead of react? vanilla js?
@blessdarah1256
@blessdarah1256 3 жыл бұрын
Now svelte finally came into the scene... that's what I love.
@isma_life
@isma_life 3 жыл бұрын
My friend is learning react and he almost finished. One day he said it's fastest one. Said if you use react, page will be loaded with no update. But here... Why it's so?
@terrencemoore8739
@terrencemoore8739 Жыл бұрын
You may already know this by now but I think your friend was referring to page refresh, this is true with all Single Page Applications (SPAs). The reason it works is because they use AJAX calls to the server to get data necessary for loading the content of the page rather than doing the process on the main thread and replacing the HTML page completely. I'd look up "static sites vs spas" to get more of a breakdown.
@mel-182
@mel-182 3 жыл бұрын
Yo! I always forgot that I drank all my coffee too! Tried to sip many times as well! 😂😂😂
@DanielNistrean
@DanielNistrean 3 жыл бұрын
@Ben Awad, Your points: 1. Why compare React to JS? Compare it to Vue which seems to be x2 faster. 2. You should compare it to Vue or Preact. I don't know the answer. Preact is a really small library truth to be told. When Svelte content is coming?
@chatbot9033
@chatbot9033 Жыл бұрын
It doesnt work for a little bit after ssr because you arent binding with the page. you are binding after load
@nightawaitsusall9607
@nightawaitsusall9607 3 жыл бұрын
I love how your facial expressions in the thumbnail tell me everything I need to know before clicking on the video 😆
@0xSLN
@0xSLN 3 жыл бұрын
Do you play MTG Ben or just a fan of the art?? :)
@simonfarre4907
@simonfarre4907 3 жыл бұрын
Another note, no, static html does not have this finite boundary when it starts getting more expensive (especially in the case of React). Because with each request made through a JS framework, you are also adding a cost for that new data. Also, and this is kind of surprising to me that he didn't think about this; browsers does caching. If each static webpage hold images etc, some of the images will be cached, whereas in JS frameworks this is rarely the case (it can be, but i'd be surprised if people actually gave a sh*t about this, since a lot of Javascript "software" is so bad), because unless you actually programmatically code caching features so you don't ask for data you have already downloaded once you are now downloading things multiple times, because the data that is requested through a javascript framework is basically just binary data, the web browser has no idea what data is coming through essentially - the webbrowser although they are far more intelligent than they were back in the day, will have a much harder time figuring out if something is new or something which has already been displayed.
@rustonemperua5382
@rustonemperua5382 3 жыл бұрын
Can't wait for your Svelte content
@flightrisk7566
@flightrisk7566 3 жыл бұрын
a web site that was ONLY plain old HTML would be the most efficient on road warrior clients because road warrior clients cache all static content but if you try to build an interactive or multi page experience without a framework that worked seamlessly on a bunch of different engines for a bunch of different browsers in “just” JS, I doubt end users would be super happy with that either also, the bandwidth usage of all web browsing is COMPLETELY incomparable to multimedia streaming and all those applications that actually take bandwidth, and cutting down on those is a lot easier for an end user to do than it is for a web developer to swap frameworks
@sibusisodlamini2366
@sibusisodlamini2366 3 жыл бұрын
I was waiting for this. I almost doubted learning for a second. Imagine being an Angular developer lmao
@devserendipity3063
@devserendipity3063 3 жыл бұрын
:(
@toddzmijewski6002
@toddzmijewski6002 3 жыл бұрын
I imagine being a react dev. Looking at a git repo which looks different every time. No rhyme or reason just a bunch of UNDOCUMENTED decisions. I mean you react devs never document anything you do. You pick libs and patterns out of thin air expecting the world to follow them. It would be cute if it weren't so sad.
@pengekcs
@pengekcs 3 жыл бұрын
Try svelte or web components (stencil.js). Or even preact (3kb) / inferno (fast).
@ulissemini5492
@ulissemini5492 3 жыл бұрын
literally any modern website/app has large bundle sizes, yeah, for blogs it can be overkill if you really think thousands of people with slow connections are relying on your blog loading in a few seconds.
@HarshKapadia
@HarshKapadia 3 жыл бұрын
Nice vid. In point 1, you didn't talk about the img showing that React.js is slower than jQuery, Vue.js and Angular.js...
@omemester6985
@omemester6985 3 жыл бұрын
Okay Ben you have to start using a noise cancellation app. KrispAi is a good choice. Please the bg noise in ur videos is pretty annoying.
@christianalanlundberg5182
@christianalanlundberg5182 3 жыл бұрын
I wonder what the guy who literally only knows React will say.
@BobbyBundlez
@BobbyBundlez 3 жыл бұрын
Tbh I learned vanilla JS for a whole year. Now I'm only focusing on react and I'm already forgetting basic JS syntax lol. People who go right to react r insane and wont last imho
@Taylor-hu2no
@Taylor-hu2no 3 жыл бұрын
Start underReacting.
@pocnit
@pocnit 3 жыл бұрын
@@BobbyBundlez LOL people who jump straight to React will absolutely last, vanilla javascript is very easy to switch back to, at least in terms of syntax.
@jeetadityachatterjee6995
@jeetadityachatterjee6995 3 жыл бұрын
Use what makes sense. If it's a one page static site then don't use react (or any JavaScript Framework) if you are creating a large dynamic site then use what you need to get it done
@Website_designers_la
@Website_designers_la 3 жыл бұрын
how much slower is react native than java ??
@bayuw
@bayuw 3 жыл бұрын
*Everyone is stop using react *Meanwhile me who just got a very first job to do something with react: -..-
@octavioimazio
@octavioimazio 3 жыл бұрын
you can have a website with server side rendering that actually loads in milliseconds.
@ibrahimkholil6416
@ibrahimkholil6416 3 жыл бұрын
My point was kind of the same about point 4 that they never heard about code splitting I guess this point is kind of related to the point 2 that he maid. Anyway never quite understand why people make such comments like that without having enough research. It seems to me that he just used React at the title to get more views rather than talking about the javascript framework in general.
@ShreksSpliff
@ShreksSpliff 3 жыл бұрын
Alias React with Preact, problem solved. 5kb instead of 90+kb
@farrellraafi1301
@farrellraafi1301 3 жыл бұрын
This should be at top
@khaled_osman
@khaled_osman 3 жыл бұрын
cannot read property h of undefined.
@enderminyard2786
@enderminyard2786 3 жыл бұрын
I suggested in point 3 of the article that one should use Preact instead of React.
@ebonilha
@ebonilha 3 жыл бұрын
Where did you take your 90kB from? Also, Preact is slower. It's better to cut your bundle from elsewhere (such as non-ES libs)
@alerighi
@alerighi 3 жыл бұрын
I think there is a point that nobody had made but that to me is an important reason to not use React or other JS framework: historical preservation. Nowadays thanks to sites like archive.org a lot of websites of the past that for reason are no longer online are still accessible. Trough that we can access information that have historical value, like what libraries does conserving old newspapers. With React or any other JS framework that would be impossible. They would need to render each pages in a browser and save the resulting HTML, but that operation would be too expensive.
@xxxxxx-pb3oj
@xxxxxx-pb3oj 3 жыл бұрын
Can u give me advice, React or Vue?
@saidibrahim5931
@saidibrahim5931 3 жыл бұрын
React
@jlat96
@jlat96 3 жыл бұрын
Did the one of the prominent developers of React leave Facebook after the most recent controversies? Or am I making that up
@lifeok6188
@lifeok6188 3 жыл бұрын
Svelte content needed. thank you
FizzBuzz - You Suck at Coding [0]
12:35
Ben Awad
Рет қаралды 403 М.
The Drawback of Client Side Rendering
9:46
Ben Awad
Рет қаралды 180 М.
FOOLED THE GUARD🤢
00:54
INO
Рет қаралды 63 МЛН
THE POLICE TAKES ME! feat @PANDAGIRLOFFICIAL #shorts
00:31
PANDA BOI
Рет қаралды 23 МЛН
I CAN’T BELIEVE I LOST 😱
00:46
Topper Guild
Рет қаралды 89 МЛН
Why I don't work for FAANG
8:26
Ben Awad
Рет қаралды 792 М.
The Modern Web
8:24
Ben Awad
Рет қаралды 209 М.
Trying Vue.js for the First Time
11:59
Ben Awad
Рет қаралды 312 М.
Is React.js a Mess?
51:41
Stefan Mischook
Рет қаралды 7 М.
React is Holding Me Hostage!!! | Prime Reacts
28:44
ThePrimeTime
Рет қаралды 100 М.
Why React Native is NOT garbage.
10:31
Ben Awad
Рет қаралды 511 М.
Serverless Doesn't Make Sense
10:13
Ben Awad
Рет қаралды 363 М.
Why & When I Use React JS
9:02
Dennis Ivy
Рет қаралды 105 М.
Software Engineering "Best Practices"
6:02
Ben Awad
Рет қаралды 404 М.
iPhone 16 с инновационным аккумулятором
0:45
ÉЖИ АКСЁНОВ
Рет қаралды 2,1 МЛН