The Best Tech Stack for Web Developers

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

[@tarsierontherun]

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

[@SuboptimalEng]

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

[@testpark5647]

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

[@ilyabykov2437]

Thank you so much for emphasizing simplicity!

[@SuboptimalEng]

Thanks Ilya!

[@zar9017]

Thank you so much, this is super useful :D

[@greendust4095]

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

[@sirtobias]

This was such a helpful video thank you

[@sul-dev]

Thank you so much. Really helpful!!

[@lowkeygaming4716]

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]

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]

@@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]

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

[@lowkeygaming4716]

@@astronemir no. I'm more of a visual learner so I watch here in KZbin. 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]

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

[@nishantshrinetra6095]

you are hero sir! Thank you for the hard work

[@krishshanbhag3225]

Great video dude

[@azncowman]

Amazing, thank you!

[@Daisika]

Thanks. Great video!

[@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

[@rolandocruz1695]

Great and informative video

[@MikeTheCeleb]

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]

That’s awesome to hear!

[@zionaea3094]

Great video !

[@kool4053]

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

[@jameljacobs4207]

This was very helpful

[@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

[@stvlley]

Standing ovation 👏👏👏

[@jerichiyo]

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!

[@sirvictorwilfred2401]

Nice work Dude

[@SuboptimalEng]

Thanks Victor 😇

[@ValentineMasina]

One more subscriber. Nice content

[@patite3103]

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

[@seyedmojtabahayatolgheib9853]

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

[@vusisindane]

Great video. I'm busy re-inventing myself

[@akritworanithiphong]

Clearly explained :D

[@SuboptimalEng]

Thanks Akrit!

[@johnnycincocero]

Liked and subbed.

[@user-um7tw6kx4r6]

thanks it's a good video

[@abderahmaneaoufi]

Thank same thoughts

[@cryptodev2615]

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 ?

[@Rolanditou]

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

[@axyabdulah4230]

So he did he told a right thing or what

[@dobingify3130]

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

[@kelvinsajere191]

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]

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]

@@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.

[@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

[@musubi4563]

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

[@vali69]

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

[@shailmurtaza9082]

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

[@jasonheavner8659]

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

[@SuboptimalEng]

Glad to hear the video helped!

[@Eltopshottah]

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

[@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.

[@kostaskoukos3932]

What about firebase as a database and/or backend?

[@SuboptimalEng]

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]

@@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]

@@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.

[@janclaunitzer2376]

that would be my horror tech stack

[@tieso3828]

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

[@tieso3828]

Especially laravel

[@SuboptimalEng]

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

[@aadarshb.k.6883]

mern is trending on 2023.👍️-Time traveller

[@noobzaebot]

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]

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

[@ernest1428]

The hype stack 😂

[@transforgoku]

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

[@UnpluggedPerformance]

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

[@SuboptimalEng]

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

[@thedigitalceo]

React/NextJS/NodeJs/MySQL king

[@SuboptimalEng]

Don't forget Tailwind CSS

[@lovetocode9266]

One more subscriber added

[@pratiksoni5092]

What about php / laraval and mysql

[@SuboptimalEng]

I am not familiar with php or laraval.

[@yourib352]

@@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?

[@tommaso8517]

What about Laravel for backend?

[@SuboptimalEng]

I never used Laravel so I’m not sure.

[@tommaso8517]

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

[@user-dz6il2bx5p70]

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

[@SuboptimalEng]

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

[@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

[@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.

[@mr_don_key]

welcome to the JS sponsored video :)

[@SuboptimalEng]

😂

[@nujmositech4432]

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

[@testecleyt7147]

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]

@@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]

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

[@pcaso]

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

[@imerence6290]

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

[@anshXR]

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

[@badakh301]

wheres springboot java

[@jboss1073]

You're a victim of marketing.

[@HinduForce]

Java ?

[@SuboptimalEng]

What about it?

[@consensualcode9750]

@@SuboptimalEng shots fired lol

[@aniary8]

What about firebase or aws amplify for backend?!

[@SuboptimalEng]

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!

[@danilsyah4108]

what about php / laravel ?

[@SuboptimalEng]

Never worked with them 🤷🏾‍♂️

[@chrisgaber1929]

comment

[@SuboptimalEng]

like

[@shadowzyxi758]

10:17 no Spring-boot? bullshit

[@cheezeworm]

i can see you are very underinformed about tech stacks

[@EzequielRegaldo]

Discord switched from go to rust :P

[@cockapockets]

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]

Exactly.

[@user-lf3ev6zv5q]

there is no best tech stack

[@SuboptimalEng]

Can’t disagree with that

[@epicrato]

Ruby on Rails / Hotwired

[@SuboptimalEng]

Hot take 🥵