Hi Dev Community!
2020 has been a year of learning for me and I'm positive that this has been the case for tons of other self taught developers out there. From React to Redux, 2020 has shaped me into becoming a full stack developer, something that I'm passionate about.
Going forward, I have decided to learn the following technologies in 2021. While this is not a 'top 10' list for things that you SHOULD learn, this is just my take on it. Having said that, please feel free to share your opinions or suggest new technologies. I've also left some links to free resources for learning all the technologies I talk about. Alright, enough talk. Let's dive into the main stuff.
TypeScript
One thing that I was grateful for in 2020 was that I was able to build big projects, to a level that it was becoming kind of tedious to keep up with the bugs and potential issues that were popping up. Enter TypeScript! I've heard lots of people praising TypeScript for exactly solving this problem. Since it's also used in lots of production level projects, I see no reason to avoid TypeScript.
Resources to get started:
TypeScript Tutorial by Academind on YouTube
TypeScript Playlist by The Net Ninja on YouTube
React-Query
I'm excited for this one. So what exactly is react-query, you ask? It is a NPM package which you can use to asynchronously fetch data from an API. That's the simplest explanation that I could come up with. But hey, doesn't Redux with Axios do the same? Yes, but react-query comes with features such as auto-caching, garbage collection, infinite scroll and much more! Definitely something which you can use to improve your developer experience as well as performance. By the way, if you use Redux, you might want to checkout Redux Toolkit.
Resources to get started:
React Query Playlist by The Net Ninja on YouTube
Redux Toolkit by Justim Kim on YouTube
Tailwind CSS
I've used Bootstrap, Materialialize CSS and Bulma in the past. But somehow, Tailwind CSS still manages to excite me. I've heard great things about it and have also seen some stunning websites built using it. I'm aware of how it is a bit different from other CSS frameworks out there but that's where the fun lies. For the React side of things, I also want to explore Material UI a bit more.
Resources to get started:
Tailwind CSS Crash Course by Brad Traversy on YouTube
Tailwind CSS 2.0 Crash Course by codedamn on YouTube
Tailwind CSS Playlist by The Net Ninja on YouTube
NextJS
Next is great! I tried it for a brief period of time around the end of 2020 and I see no reason why I shouldn't take it up and use it in my own projects. If you're a React developer, the learning curve is pretty smooth. The benefits it brings, such as server side rendering and automatic image optimization make it well worth learning. Highly recommend it for all the React devs out there.
Resources to get started:
Next.js Fundamentals by Mehul Mohan on codedamn
Next.js Playlist by Bruno Antunes on YouTube
GraphQL
GraphQL is a query language for fetching data from APIs. What makes it great is that it is capable of exactly what is requested for and getting multiple resources in a single request, thus saving us multiple requests to the API server and improving the performance. I've only been using REST APIs till now and excited to see how GraphQL can improve my future projects.
Resources to get started:
Learn GraphQL by Web Dev Simplified on YouTube
GraphQL Playlist by The Net Ninja on YouTube
PostgreSQL
PostgreSQL or basically SQL databases are something that I've been wanting to give a try for quite some time now. I have used MongoDB my database needs in all my previous projects. I appreciate the freedom of NoSQL databases but SQL databases are widely used as well and can be a better option in some cases. Getting good at SQL and SQL databases is going to be one of my priorities this year.
Resources to get started:
PostgreSQL Tutorial by FreeCodeCamp on YouTube
Jest
Jest is a JavaScript testing framework which can be used to test your Node, React, Angular, Vue, TypeScript and other JavaScript code. I'm no fan of testing currently but it is such as essential skills which can differentiate two programmers especially when it comes to large projects. I have not delved deep into knowing more about Jest but from my limited research, it aims to do what I want.
Resouces to get started:
Jest Crash Course by Brad Traversy on YouTube
Jest Introduction by Web Dev Simplified on YouTube
Advanced JavaScript
Wait, what? JavaScript? Well, yes but no. Advanced JavaScript concepts such as V8 Engine, closures, hoisting, event loop, threads, binding and much more. The MERN stack is fully JavaScript and so it makes sense to get a good grasp over JavaScript, right? People do tend to miss out on the above mentioned topics when they're first learning JS and rightly so. However, it's good to go back to plain JavaScript once in a while to learn these topics.
Resources to get started:
Advanced JavaScript Concepts by Andrei Neagoie on Udemy (Paid)
React Native
Websites are great, no doubt! But the ease of use that applications provide make it a valuable skill to learn. I personally felt that I could get more users on my projects if only I had a mobile application on top of the website. React Native seems to be a good choice since I already know React and can hugely benefit me through code reuse. There's also Flutter, which uses Dart if you like that more.
Resources to get started:
React Native Crash Course by Brad Traversy on YouTube
React Native Tutorial by Academind on YouTube
React Native Playlist by The Net Ninja on YouTube
Some Honourable Mentions
- Serverless technologies such as AWS
- Framer Motion
- GSAP
- HTML Canvas
- UI/UX
- Docker and Kubernetes
So that was list of technologies to learn this year. I'd love to see yours too! Drop a comment if you feel like sharing yours. Thanks for reading!
Top comments (32)
This year I'm trying to become a MERN stack developer actually! So my list looks something like this:
Wow, good luck on your journey. Regarding advices, I'd just say give yourself time and don't keep jumping between resources. That's some of the mistakes that I did. Once you feel confident, you can go for projects like a social network or e-commerce website using the whole MERN stack for a solid portfolio. Good luck!
Thank you for the advice. I'll definitely try not to rush through it and learn each topic properly.
You should definitely try framer motion. You'll love it. I recently learned it and used it in a project and thought why I haven't learned it earlier. And it can be easily used with styled components.
By the way, Great post and all the best !!
I'm absolutely going to! You're right, from the moment I visited the Framer Motion website, I've just been bewildered about all those amazing animations.
I felt the same !! :)
I presume you want to make more money.
Learn COBOL.
It's an awful language, in the same way that commercial Forth is dreadful, but you'll make 600 quid a day, every day, for the next 200 years for any bank in any country.
When you retire at 40, with a phat pension, no debts and whatever you like parked in the garage. It's a bit like being a brickie - all you've done is one thing on top of another but when your friends are working for the next 30 years and you aren't...
GraphQL is easy to learn but requires practice to develop a graph-based mindset. Check out short intros:
I have read in a blog that Node is very fast to handle requests because of its non-blocking IO nature but it gets slow down when many requests hits a NodeJS app where loop is being used on arrays and this is because of its single threaded nature. Can you please share your experience on this issue?
Good to learn Technologies That I'll Be Learning in 2021 as a MERN Stack Developer (with resources) is so meaningful for me.Thanks for sharing it. For more visit: cetpainfotech.com/technolgy/mern-s...
Wow. I will have to join you in these technologies
I am a React developer presently, I do frontend. Moving forward, I think this road map will be suitable for me.
I was about to do the same thing except tailwind and next.js, in fact i am watching ben awad's type graphql series.
That's awesome! How's it going so far?
Awesome! Following this guide which is followed by Ben in his tutorial.
Guide - typegraphql.com/
Nice! Thanks for sharing.
Cool list! I believe that these days MERN stack developers should also know SQL so it is good to see that you included PostgreSQL.