The Best Tech Stack for Web Developers

Рет қаралды 69,828

Күн бұрын

When I first started learning web dev, I was completely lost with all the frameworks and tech stacks - I wish someone just told me what to learn. In this video, I do just that - I go over the best tech stack (and frameworks) to learn for web development. We discuss the pros and cons of frontend, backend, and database technologies like Vue, React, GraphQL, Flask, Node, Django, GoLang, MongoDB, and everything in between.
The best full-stack framework to learn is the MERN stack: Mongo, Express, React, and Node.
🐦 Twitter - / suboptimaleng
💻 GitHub - github.com/SuboptimalEng
🌎 Website - suboptimaleng.com
== [ Timestamps ] ==
00:00 Intro
01:14 Overview
02:07 Who should watch this video?
02:59 Metrics for Choosing a Framework
04:16 What is Full Stack Web Dev?
06:31 Popular Frontend Frameworks
08:35 Best Frontend
09:57 Popular Backend Frameworks
10:41 Best Backend
13:14 Popular Databases
14:29 Best Database
16:17 MERN Tech Stack
17:15 Fin
== [ Tags ] ==
#suboptimal #webdev #mern

Пікірлер: 125

@tarsierontherun 2 жыл бұрын

I love the bravery of actually telling us what you think are the best tools.

@SuboptimalEng 2 жыл бұрын

This is still the best tech stack for getting started (in my opinion)!

@testpark5647 3 жыл бұрын

Dude, your channel is going to grow 100x. Persist! I like your channel.

@ilyabykov2437 2 жыл бұрын

Thank you so much for emphasizing simplicity!

@SuboptimalEng 2 жыл бұрын

Thanks Ilya!

@zar9017 3 жыл бұрын

Thank you so much, this is super useful :D

@lowkeygaming4716 2 жыл бұрын

I started as a Python dev so when it comes to speed of development Flask is my first choice. Vue for frontend because React has a steeper learning curve to achieve something you can do with Vuejs . For backend I prefer SQL. The data validation and required structure it offers will make sure that you will less likely get a messy dataset in the long run

@SuboptimalEng 2 жыл бұрын

I think you made very reasonable decisions in picking your tech stack. Python + Flask is a really good combo as long as you don't mind learning context switching to JavaScript for the front-end.

@lowkeygaming4716 2 жыл бұрын

@@SuboptimalEng Yeah. I personally prefer to be backend dev because I suck in designing so I don't give my full efforts being good in frontend programming. Just to share, I just relearned vuejs few days ago (haven't use it for 2yrs) because I applied for a backend dev position which required me to create a mini web app (front and back) the backend was not a problem for me but got worried with the frontend. Luckily vuejs is so simple that it allows me to relearn all I need in just 1 day that's why I really love Vuejs

@astronemir 2 жыл бұрын

@@lowkeygaming4716 What did you use for re-learning VueJS, just the docs?

@lowkeygaming4716 2 жыл бұрын

@@astronemir no. I'm more of a visual learner so I watch here in KZfaq. I just searched for vuejs crash course. The one that already includes vuex and vue-router. I watch the latest one from traversy then if there are some difference on the latest version of vue to the tutorial, I look for other tutorials to complement it and check the official docs. I learn faster that way.

@RissaysArt 2 жыл бұрын

@@astronemir you can watch the net ninja here on youtube , he provides quality content

@greendust4095 Жыл бұрын

OMG. Finally an explanation I can understand easily. Thank g.

@MikeTheCeleb 2 жыл бұрын

Hey thank you for this video! This really helped and will likely drive my decision with a coding bootcamp. I miraculously may have met my business partner while watching this video. 💯💯

@SuboptimalEng 2 жыл бұрын

That’s awesome to hear!

@sirtobias 2 жыл бұрын

This was such a helpful video thank you

@hackersaqib786 Жыл бұрын

Bro thank you so much , I was really really nervous which on to choose for full-stack but fortunately , i have clicked ur video Thank Thanks A lotttttt brooo

@nishantshrinetra6095 Жыл бұрын

you are hero sir! Thank you for the hard work

@sul-dev 2 ай бұрын

Thank you so much. Really helpful!!

@azncowman 3 жыл бұрын

Amazing, thank you!

@Daisika 2 жыл бұрын

Thanks. Great video!

@krishshanbhag3225 3 жыл бұрын

Great video dude

@rolandocruz1695 3 жыл бұрын

Great and informative video

@kool4053 2 жыл бұрын

Thanks for the video. Could you please also share which mobile app framework is best? And also which cloud platform is best?

@patite3103 Жыл бұрын

Could you make a video on the full stack T3. What are your thoughts? Thank you

@JoaoZati Жыл бұрын

I learn Flask, but fast api is growing in popularity, its is also a micro framework, but simple, flexible asynchronous and fast. So my stack right now is React, flask and mongo. But want to try fast api and django and sometimes use postgres

@jerichiyo 11 ай бұрын

As a software engineer in a Japanese company, spring boot and ruby on rails are the best backend. I'm sticking with what the enterprise always chooses. Plus I love anime!

@vusisindane Жыл бұрын

Great video. I'm busy re-inventing myself

@seyedmojtabahayatolgheib9853 2 ай бұрын

Thanks. I'm a Vue.js and Nuxt.js developer but I have a plan to learn React.js and then Node.js

@cryptodev2615 2 жыл бұрын

I can't wrap my head around writing nodejs and mongo, and then using that with the react frontend. Is it as if I'm hitting an API? Having to write backend routes and all that gets me 😬

@andreviniciusbezerradasilv9335 Жыл бұрын

Whats the best js frontend + java backend or js frontend + python backend ?

@zionaea3094 2 жыл бұрын

Great video !

@jameljacobs4207 Жыл бұрын

This was very helpful

@ValentineMasina 2 жыл бұрын

One more subscriber. Nice content

@sirvictorwilfred2401 2 жыл бұрын

Nice work Dude

@SuboptimalEng 2 жыл бұрын

Thanks Victor 😇

@stvlley Жыл бұрын

Standing ovation 👏👏👏

@johnnycincocero 4 ай бұрын

Liked and subbed.

@akritworanithiphong 2 жыл бұрын

Clearly explained :D

@SuboptimalEng 2 жыл бұрын

Thanks Akrit!

@dobingify3130 Жыл бұрын

New subscriber here. How about AWS DynamoDB? it's 100% free right?? and have more storage than free Atlas Tier.

@user-um7tw6kx4r6 Жыл бұрын

thanks it's a good video

@Rolanditou 2 жыл бұрын

React with Tailwindcss and NodeJS, fucking wisdom right there son!

@axyabdulah4230 2 жыл бұрын

So he did he told a right thing or what

@abderahmaneaoufi 2 жыл бұрын

Thank same thoughts

@basspalace2920 Жыл бұрын

I like Angular, Express JS, and SQLServer.

@usmanAli-hw5xu Жыл бұрын

I also use mean stack

@basspalace2920 Жыл бұрын

@@usmanAli-hw5xu props brother it’s the best stack

@Eltopshottah 2 жыл бұрын

That’s cool but I’m thinking Angular + Node.js + IDK WTF’n database

@musubi4563 Жыл бұрын

Flask / Node for backend React Front End AWS for server Nginx for load balancing

@vali69 11 ай бұрын

Be a real man, use your own server, get that crapy old pc out of your basement and use it as a server instead.

@kostaskoukos3932 2 жыл бұрын

What about firebase as a database and/or backend?

@SuboptimalEng 2 жыл бұрын

If I remember correctly, Firebase allows you to store data directly from your frontend without the need for a backend. So Firebase can replace Node.js + MongoDB. It can be a good option to start off with Firebase if you are familiar with frontend development, but you should probably (at some point) build a backend with Node.js + MongoDB if you want to see how everything fits together.

@kostaskoukos3932 2 жыл бұрын

@@SuboptimalEng thank you, I am quite a beginner in web dev, also an irrelevant question: for an app with Vue that can be also on mobile would you recommend making a PWA, using Ionic or another option

@SuboptimalEng 2 жыл бұрын

@@kostaskoukos3932 no problem! Since you are a beginner, I'd suggest taking the path of least resistance - so a mobile friendly web app with Vue.

@tieso3828 2 жыл бұрын

You didn't put php frameworks in the popular backend frameworks. Why ?

@tieso3828 2 жыл бұрын

Especially laravel

@SuboptimalEng 2 жыл бұрын

@@tieso3828 Unfortunately, I'm not familiar with them. In retrospect, I should've included them.

@shailmurtaza9082 9 ай бұрын

I'm surprised that you didn't mentioned PHP with Laravel which is the largest market share in web development. Also development time and scalability is also better than most of the frameworks with Laravel

@janclaunitzer2376 10 ай бұрын

that would be my horror tech stack

@pratiksoni5092 2 жыл бұрын

What about php / laraval and mysql

@SuboptimalEng 2 жыл бұрын

I am not familiar with php or laraval.

@yourib352 2 жыл бұрын

@@SuboptimalEng how can you create a video on what is the best tech stack to leatn if you're not familiar with one of the biggest frameworks that exist?

@kelvinsajere191 2 жыл бұрын

That stack is 🔥. However, I feel you can’t actually go wrong either way you decide. It comes down to what you like. I’ve used Vue, React, Tailwind, Vuetify, Bootstrap, AnTDesign, Postgres, MySQL, SQLite interchangeably in different projects, but I’ve only ever worked with Django for the backend even though I also can use rails and laravel. I for one, don’t get why people say using JavaScript for both backend and frontend is better than knowing more than one programming language. If you’ve understood how any programming language works really, it’s easy to pickup another one. Just find what suites you.

@raianmr2843 2 жыл бұрын

People who discourage using other languages are generally exclusively JS programmers, and there are tons on them. I'm an absolute beginner when it comes to webdev who hasn't even had a real job yet, and I'm already intermediate level in C++, Python, and JS. Tying your professional identity to a particular technology is like hardcoding a limit to your potential imo

@kelvinsajere191 2 жыл бұрын

@@raianmr2843 Yeah, I think understanding how other tech and languages work is really exciting. After this video, I looked into Node backend development with Express and I’ve got to say, it’s really a cool backend tech too. It was relatively easy for me grasp the concepts because i already am used to building APIs and I enjoy it more than the frontend. The Nosql mongodb is a nice shift from my traditional relational SQL databases. I’m already on my second project with Express and I can see myself using a different backend tech for building apps other than Django just because i enjoy working with it, not because I just want to use JS for the front and back.

@tommaso8517 5 ай бұрын

What about Laravel for backend?

@SuboptimalEng 5 ай бұрын

I never used Laravel so I’m not sure.

@tommaso8517 5 ай бұрын

@@SuboptimalEng I know it's used with PHP but yea maybe it's not the easiest thing to learn

@jasonheavner8659 Жыл бұрын

I wish I could give you 2 thumbs up! thanks so much!

@SuboptimalEng Жыл бұрын

Glad to hear the video helped!

@noobzaebot 2 жыл бұрын

Your explanation abaout Angular is very inaccurate. Angular has the latest version which is Angular 2+. It has been reinvented and completely is different from angular1. though performance wise is not as good as react, code organization is cleaner and features are all out of the box.

@jboss1073 11 ай бұрын

" It has been reinvented and completely is different from angular1. " Then it's not "Angular" anymore and they're just coasting on the name.

@thedigitalceo 2 жыл бұрын

React/NextJS/NodeJs/MySQL king

@SuboptimalEng 2 жыл бұрын

Don't forget Tailwind CSS

@gabrielbott4659 Жыл бұрын

i started out as a javascript dev and now i am both a typescript and python dev. I choose the MERN due to its popularity, now i'm finding out that i love the python web dev ecosystem better and i love writing SQL rather than using an ORM 🤣🤣

@SuboptimalEng Жыл бұрын

Raw SQL feels much more natural than using an ORM.

@LearNwithMouLi Жыл бұрын

What about the MERN stack does it have the same popularity as why you are continuously changing one to another developer

@gabrielbott4659 Жыл бұрын

@@LearNwithMouLi My reason for changing from the MERN is that, there are a lot of backend server frameworks that comes to loaded features, Express is too minimalist same as flask(python web framework). I desire something that doesn’t require me configuring all the time, that’s why i use django and nestjs these days, and i especially love django because of the ability to have multiple apps in one project - Thus limiting the requirement for microservice architecture. Also i decided to train me with the IBM data analyst course, it deepen my knowledge in sql and writing raw queries. So yeah those are my reason for changing, if you’re looking for something that is in demand rn, i’d suggest you learning Go or Rust, these two languages are system languages like c++ and a lot of companies are trying to incorporate them into their backend applications.

@aadarshb.k.6883 Жыл бұрын

mern is trending on 2023.👍️-Time traveller

@definitelynotacringeusername 2 күн бұрын

❤

@transforgoku Жыл бұрын

I'll stick with my good ol' LAMP stack.

@danilsyah4108 2 жыл бұрын

what about php / laravel ?

@SuboptimalEng 2 жыл бұрын

Never worked with them 🤷🏾‍♂️

@ernest1428 Жыл бұрын

The hype stack 😂

@UnpluggedPerformance 2 жыл бұрын

awesome man! you should make a patreonn account so people can support you

@SuboptimalEng 2 жыл бұрын

Will consider this! Maybe after 10k subs or so 👀

@aniary8 2 жыл бұрын

What about firebase or aws amplify for backend?!

@SuboptimalEng 2 жыл бұрын

Those tools automate your backend so using them wouldn’t give you the skills to be a full stack developer. It’s perfectly fine to use them if you are interested in frontend development!

@lovetocode9266 2 жыл бұрын

One more subscriber added

@badakh301 2 жыл бұрын

wheres springboot java

@jboss1073 11 ай бұрын

You're a victim of marketing.

@mr_don_key 2 жыл бұрын

welcome to the JS sponsored video :)

@SuboptimalEng 2 жыл бұрын

😂

@Balu-abcdef 2 жыл бұрын

Java ?

@SuboptimalEng 2 жыл бұрын

What about it?

@consensualcode9750 2 жыл бұрын

@@SuboptimalEng shots fired lol

@user-dz6il2bx5p70 2 жыл бұрын

When i first started with web development i was lost with all the technologies, now years later it's even worse.

@SuboptimalEng 2 жыл бұрын

How can you find the perfect tech stack, if you were never lost? - Sun Tzu, Art of Code (probably)

@nujmositech4432 2 жыл бұрын

Angular is old? You're referring to angularJS hopefully, secondly ReactJS is not a framework, its a library

@testecleyt7147 2 жыл бұрын

This man gave me a clear answer and gave his opinions, and justifications that make sense, what about you? who are you to judge others?

@nujmositech4432 2 жыл бұрын

@@testecleyt7147 how is this judging? I was just correcting a statement he made about a popular technology. If I'm wrong then prove me wrong.

@Isaac-eh6uu 2 жыл бұрын

He also called Next JS a library isn't it a framework?

@funnynews341 Жыл бұрын

this is not 2022 tech stack for web, this is 2012 tech stack for web. if you want to go backwards, listen to him. If you want web stack from 2022 and beyond, learn this tech stack: BE: actix ; FE: Svelte ; DB: Postgresql

@wickedcode6338 Жыл бұрын

That's more like 2032

@pcaso 2 жыл бұрын

Angular is for enterprise. React and Vue will struggle for that level . Good for startimg though

@imerence6290 2 жыл бұрын

React holds fine in large scale application if that's what you mean. Dont know about vue.

@anshXR 2 жыл бұрын

Most large companies use react as frontend framework. You can check the tech stack. Idk what u r taking about

@shadowzyxi758 Жыл бұрын

10:17 no Spring-boot? bullshit

@chrisgaber1929 2 жыл бұрын

comment

@SuboptimalEng 2 жыл бұрын

@nicolaichristensen6531 Жыл бұрын

MongoDb is in no way the best db, by far the worst on the list and fixes the least amount of problems that you might face.

@EzequielRegaldo Жыл бұрын

Discord switched from go to rust :P

@cheezeworm Жыл бұрын

i can see you are very underinformed about tech stacks

@cockapockets 2 жыл бұрын

that’s not a good reason to learn react ! Just because it’s popular doesn’t mean it’s good ! that’s just sheep flocking ! pick the best tool for job not because it’s popular! Personally I wouldn’t use anything built by Facebook!

@jboss1073 11 ай бұрын

Exactly.