Технологии, которые я как MERN-разработчик хочу изучить в 2021 году

Перевод статьи «Technologies That I’ll Be Learning in 2021 as a MERN Stack Developer (with resources)».

(Прим. ред. Techrocks: MERN расшифровывается как MongoDB, Express, React и Node.js).

2020 год стал для меня годом учебы. Уверен, что то же самое могут сказать тысячи других разработчиков. Я встал на путь превращения в full stack разработчика, что меня безмерно радует.

Обдумывая свое дальнейшее развитие, я решил в 2021 году изучить несколько новых технологий. Это определенно НЕ список «Топ-10 вещей, которые вы должны изучить», это лишь мой собственный план.

TypeScript

В 2020 году мне довелось создавать большие проекты и доводить их до такого уровня, на котором становилось тяжело отслеживать ошибки и потенциальные проблемы. Я, кстати, очень благодарен 2020-му за такой опыт.

Вот на этом этапе я и заинтересовался TypeScript. Люди хвалят его именно за предоставляемую возможность справляться с ошибками. Поскольку TypeScript также используется во многих проектах производственного уровня, я не вижу причин избегать его.

Ресурсы

• Руководство по TypeScript от Academind на YouTube
• TypeScript — плейлист от The Net Ninja на YouTube

React-Query

Вы спросите, что это такое? Это NPM-пакет, который можно использовать для асинхронного получения данных из API. Объяснить проще у меня не получится.

Но погодите, разве Redux с Axios не делает то же самое? Да, но react-query поставляется с дополнительным функционалом. Вы получаете автокеширование, сборку мусора, бесконечную прокрутку и многое другое! Этот пакет определенно способен улучшить ваш опыт разработки, а также производительность.

Кстати, если вы используете Redux, вам может быть интересно изучить Redux Toolkit.

Ресурсы

• React Query — плейлист от The Net Ninja на YouTube
• Redux Toolkit — руководство от Justim Kim на YouTube

Tailwind CSS

Раньше я использовал Bootstrap, Materialialize CSS и Bulma. Но меня все равно привлекает Tailwind CSS. Я много о нем слышал, а также видел потрясающие сайты, созданные с применением этого фреймворка. Я знаю, что он несколько отличается от других CSS-фреймворков, но это же как раз самое интересное! Что касается работы с React, я также хочу получше исследовать Material UI.

Ресурсы:

• Tailwind CSS Crash Course от Brad Traversy на YouTube
• Tailwind CSS 2.0 Crash Course от codedamn на YouTube
• Плейлист Tailwind CSS от The Net Ninja на YouTube

NextJS

Next прекрасен! Я поработал с ним совсем немного в конце 2020 года и не вижу причин, почему бы не использовать его в собственных проектах.

Если вы React-разработчик, у вас будет очень плавная кривая изучения этого фреймворка. А предоставляемый им функционал (рендеринг на стороне сервера, автоматическая оптимизация изображений) определенно стоит времени, потраченного на учебу. Так что я настоятельно советую всем React-разработчикам обратить внимание на NextJS.

Ресурсы

• Next.js Fundamentals от Mehul Mohan на codedamn
• Плейлист Next.js от Bruno Antunes на YouTube

GraphQL

GraphQL — это язык запросов для получения данных из API. Его преимущество — способность выполнять точно то, что запрашивается, и получать несколько ресурсов за один запрос. Это позволяет делать меньше запросов к серверу API и повысить производительность. До сих пор я использовал только REST API и жду не дождусь увидеть, как GraphQL сможет улучшить мои будущие проекты.

Ресурсы

• Learn GraphQL от Web Dev Simplified на YouTube
• Плейлист GraphQL от The Net Ninja на YouTube

PostgreSQL

Я уже довольно давно собираюсь изучить PostgreSQL (собственно, SQL базы данных вообще). Во всех своих предыдущих проектах я использовал MongoDB. Мне нравится свобода NoSQL баз данных, но SQL базы данных очень распространены, к тому же в некоторых случаях они являются лучшим выбором. Хорошенько освоить SQL и SQL базы данных — одна из моих приоритетных задач в этом году.

Ресурсы

PostgreSQL Tutorial от FreeCodeCamp на YouTube

Jest

Jest — это тестовый фреймворк JavaScript. Его можно использовать для тестирования приложений, созданных при помощи Node, React, Angular, Vue, TypeScript (в общем, для тестирования JavaScript-кода).

В настоящее время я не фанат тестирования, но признаю, что это один из необходимых навыков. Хороший навык тестирования может выделить вас на фоне других разработчиков, особенно когда дело касается крупных проектов.

Я не пытался узнать о Jest подробно, просто бегло просмотрел информацию о нем. Вроде бы это то, что мне нужно.

Ресурсы

• Jest Crash Course от Brad Traversy на YouTube
• Jest Introduction от Web Dev Simplified на YouTube

Продвинутый JavaScript

Погоди, что?! JavaScript? Ну… да. Но нет. Я собираюсь изучить продвинутые концепции JavaScript, такие как движок V8, замыкания, поднятие, цикл событий, потоки, связывание и т. п. Стек MERN целиком состоит из JavaScript, так что имеет смысл углубиться в этот язык, правда? Люди склонны пропускать упомянутые темы при первоначальном изучении JS, и это правильно. Но вернуться к ним позже — хорошая идея.

Ресурсы

Advanced JavaScript Concepts от Andrei Neagoie на Udemy (платно)

React Native

Сайты — это, без сомнения, прекрасно! Но приложения обеспечивают большую простоту использования, так что будет очень полезно научиться их создавать. Лично мне кажется, что мои проекты могли бы привлечь большее число пользователей, если бы кроме сайтов я делал еще и мобильные приложения.

React Native представляется мне хорошим выбором, поскольку я уже знаю React и имею возможность повторно использовать уже готовый код. Но еще есть Flutter, использующий Dart — если вам это больше нравится.

Ресурсы

• React Native Crash Course от Brad Traversy на YouTube
• React Native Tutorial от Academind на YouTube
• Плейлист React Native от The Net Ninja на YouTube

Также стоит упомянуть

• Бессерверные технологии, такие как AWS
• Framer Motion
• GSAP
• HTML Canvas
• UI/UX
• Docker и Kubernetes

Это то, что я намерен изучить в 2021 году. Делитесь своими планами в комментариях!

[customscript]techrocks_custom_after_post_html[/customscript]

[customscript]techrocks_custom_script[/customscript]