Technologieën die in 2021 zullen leren als MERN Stack-ontwikkelaar (met middelen)

Hallo ontwikkelaarsgemeenschap!

2020 was een jaar van leren voor mij en ik ben er zeker van dat dit het geval is geweest voor tal van andere autodidactische ontwikkelaars die er zijn. Van React tot Redux, 2020 heeft me gevormd tot een full-stack ontwikkelaar, iets waar ik gepassioneerd over ben.

Voor de toekomst heb ik besloten om in 2021 de volgende technologieën te leren. Hoewel dit geen 'top 10'-lijst is voor dingen die je MOET leren, is dit slechts mijn mening. Dat gezegd hebbende, voel je vrij om je mening te delen of nieuwe technologieën voor te stellen. Ik heb ook enkele links achtergelaten naar gratis bronnen voor het leren van alle technologieën waar ik het over heb. Goed, genoeg gepraat. Laten we ingaan op de belangrijkste dingen.

TypeScript

Een ding waar ik in 2020 dankbaar voor was, was dat ik grote projecten kon bouwen, tot een niveau dat het een beetje vervelend werd om de bugs en potentiële problemen die opdoken bij te houden. Voer TypeScript in! Ik heb gehoord dat veel mensen TypeScript prezen voor het precies oplossen van dit probleem. Aangezien het ook in veel projecten op productieniveau wordt gebruikt, zie ik geen reden om TypeScript te vermijden.

Bronnen om aan de slag te gaan:
TypeScript-zelfstudie door Academind op YouTube
TypeScript-afspeellijst van The Net Ninja op YouTube

Reageren-query

Ik ben opgewonden voor deze. Dus wat is precies reageren-query, vraag je? Het is een NPM-pakket waarmee u asynchroon gegevens uit een API kunt ophalen. Dat is de eenvoudigste verklaring die ik kon bedenken. Maar hey, doet Redux met Axios niet hetzelfde? Ja, maar react-query wordt geleverd met functies zoals auto-caching, garbage collection, oneindig scrollen en nog veel meer! Absoluut iets dat u kunt gebruiken om uw ontwikkelaarservaring en prestaties te verbeteren. Trouwens, als je Redux gebruikt, wil je misschien Redux Toolkit afrekenen.

Bronnen om aan de slag te gaan:
Reageer Query-afspeellijst door The Net Ninja op YouTube
Redux Toolkit door Justim Kim op YouTube

Tailwind CSS

Ik heb in het verleden Bootstrap, Materialialize CSS en Bulma gebruikt. Maar op de een of andere manier weet Tailwind CSS me nog steeds op te winden. Ik heb er geweldige dingen over gehoord en heb ook een aantal prachtige websites gezien die ermee zijn gebouwd. Ik ben me ervan bewust dat het een beetje anders is dan andere CSS-frameworks die er zijn, maar dat is waar het plezier ligt. Wat de React-kant betreft, wil ik ook de Material UI wat meer verkennen.

Bronnen om aan de slag te gaan:
Tailwind CSS Crash Course door Brad Traversy op YouTube
Tailwind CSS 2.0 Crash Course door codedamn op YouTube
Tailwind CSS-afspeellijst door The Net Ninja op YouTube

VolgendeJS

Volgende is geweldig! Ik heb het eind 2020 een korte tijd geprobeerd en ik zie geen reden waarom ik het niet zou oppakken en gebruiken in mijn eigen projecten. Als je een React-ontwikkelaar bent, is de leercurve vrij soepel. De voordelen die het met zich meebrengt, zoals weergave aan de serverzijde en automatische beeldoptimalisatie, maken het de moeite waard om te leren. Beveel het ten zeerste aan voor alle React-ontwikkelaars die er zijn.

Bronnen om aan de slag te gaan:
Next.js Fundamentals door Mehul Mohan op codedamn
Next.js-afspeellijst door Bruno Antunes op YouTube

GraphQL

GraphQL is een querytaal voor het ophalen van gegevens uit API's. Wat het geweldig maakt, is dat het in staat is om precies te doen waarvoor wordt gevraagd en meerdere bronnen in één verzoek te krijgen, waardoor we meerdere verzoeken aan de API-server besparen en de prestaties verbeteren. Ik heb tot nu toe alleen REST API's gebruikt en ben enthousiast om te zien hoe GraphQL mijn toekomstige projecten kan verbeteren.

Bronnen om aan de slag te gaan:
Leer GraphQL door Web Dev Vereenvoudigd op YouTube
GraphQL-afspeellijst van The Net Ninja op YouTube

PostgreSQL

PostgreSQL of eigenlijk SQL-databases zijn iets dat ik al geruime tijd wil proberen. Ik heb MongoDB mijn databasebehoeften in al mijn eerdere projecten gebruikt. Ik waardeer de vrijheid van NoSQL-databases, maar SQL-databases worden ook veel gebruikt en kunnen in sommige gevallen een betere optie zijn. Goed worden in SQL en SQL-databases wordt dit jaar een van mijn prioriteiten.

Bronnen om aan de slag te gaan:
PostgreSQL-zelfstudie door FreeCodeCamp op YouTube

Grapje

Jest is een JavaScript-testraamwerk dat kan worden gebruikt om uw Node-, React-, Angular-, Vue-, TypeScript- en andere JavaScript-code te testen. Ik ben momenteel geen fan van testen, maar het zijn essentiële vaardigheden die twee programmeurs kunnen onderscheiden, vooral als het gaat om grote projecten. Ik heb niet diep gedoken om meer over Jest te weten, maar uit mijn beperkte onderzoek wil het doen wat ik wil.

Bronnen om aan de slag te gaan:
Jest Crash Course door Brad Traversy op YouTube
Jest Introductie door Web Dev Vereenvoudigd op YouTube

Geavanceerd JavaScript

Wacht wat? javascript? Nou ja, maar nee. Geavanceerde JavaScript-concepten zoals V8 Engine, sluitingen, hijsen, eventloop, threads, binding en nog veel meer. De MERN-stack is volledig JavaScript en dus is het logisch om JavaScript goed te begrijpen, toch? Mensen hebben de neiging om de bovengenoemde onderwerpen over het hoofd te zien wanneer ze voor het eerst JS leren, en terecht. Het is echter goed om af en toe terug te gaan naar gewoon JavaScript om deze onderwerpen te leren.

Bronnen om aan de slag te gaan:
Geavanceerde JavaScript-concepten door Andrei Neagoie op Udemy (betaald)

Native reageren

Websites zijn ongetwijfeld geweldig! Maar het gebruiksgemak dat applicaties bieden, maakt het een waardevolle vaardigheid om te leren. Persoonlijk had ik het gevoel dat ik meer gebruikers voor mijn projecten zou kunnen krijgen als ik maar een mobiele applicatie bovenop de website had. React Native lijkt een goede keuze, aangezien ik React al ken en ik enorm kan profiteren van het hergebruik van code. Er is ook Flutter, die Dart gebruikt als je daar meer van houdt.

Bronnen om aan de slag te gaan:
Reageer Native Crash Course door Brad Traversy op YouTube
Reageer Native Tutorial door Academind op YouTube
Reageer Native Playlist van The Net Ninja op YouTube

Enkele eervolle vermeldingen

  • Serverloze technologieën zoals AWS
  • Framerbeweging
  • GSAP
  • HTML-canvas
  • UI/UX
  • Docker en Kubernetes

Dus dat was een lijst met technologieën om dit jaar te leren. Ik zou die van jou ook graag zien! Laat een reactie achter als je die van jou wilt delen. Bedankt voor het lezen!