My Full Stack Developer Roadmap for 2021

Going through full stack developer technology setup for 2021.
These are all based on my opinion and is what I will personally be learning throughout 2021, please keep that in mind :)

0:00 Introduction
1:16 Next JS
2:03 Typescript
2:28 Jest
2:47 React Testing Library
3:05 Chakra UI
3:30 GraphQL
4:03 AWS Amplify
5:36 AWS Certification
6:24 Big Data
6:42 Outro

1. Next JS
Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.

2. Typescript
TypeScript extends JavaScript by adding types. TypeScript allows you to catch errors and fix potential bug-causing code while you write it. Typescript saves you time catching errors and providing fixes before you run code.

3. Jest
Jest is a testing library for React. It is most commonly used to create unit tests for your components in isolation. It can mock components and is designed to ensure correctness of any JavaScript codebase. It allows you to write tests with an approachable, familiar and feature-rich API that gives you results quickly.

4. React Testing Library
So, you want to write maintainable tests for your React components. As a part of this goal, you want your tests to avoid including implementation details of your components. You'd rather spend your crucial development time focusing on making your tests give you the confidence your app is ready for production.

5. Chakra UI
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications. It includes a drag and drop page/component designer called Open Chakra, which is why I am personally so excited about it.

6. GraphQL
GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. GraphQL, in my opinion, is one of the best tools for reducing the amount of effort when communicating with your backend and making queries or requests to modify it.

7. AWS Amplify
AWS Amplify is a set of tools and services that can be used together or on their own (the services that AWS offers), to help front-end web and mobile developers build scalable full stack applications, powered by AWS. With Amplify, you can configure app backends and connect your app in minutes, deploy static web apps in a few clicks, and easily manage app content outside the AWS console.

The Mindmap tool I used:
https://miro.com/