​Что плохого в react-router?

На сегодняшний день react-router — это, можно сказать, монополист в мире React. Если в проекте нужен роутинг, то скорее всего выбор падет именно на эту библиотеку. Однако, автору этой статьи не давали покоя некоторые его нюансы, поэтому он решил написать собственное решение, которое продолжает успешно применять и сегодня.

О том, чем же react-router всё-таки не угодил и как быть с этим, читайте в статье:

https://habr.com/ru/post/599347/

#react

JavaScript редактор SVG диаграмм который весит в 6,5 раз меньше bootstrap

Если вам необходимо создать диаграмму, то DgrmJS отличный вариант. Он прост, выполнен на vanillaJS, имеет открытый исходный код, а весит при этом меньше bootstrap.

В этой статье автор рассказал, как ему удалось этого добиться:

https://habr.com/ru/post/648759/

#javascript #svg

​Библиотека ng2-charts для Angular

Продолжаем знакомить вас с полезными библиотеками на все случаи жизни. На очереди у нас библиотека, имеющая более двух тысяч звёзд на GitHub, которая даёт необходимые директивы для создания шести видов графиков на основе Chart.js.

Познакомиться подробнее можно тут:

https://valor-software.com/ng2-charts/

#библиотека #angular

​Современные методы получения данных API в React

Понимание того, как получать данные в приложения React, является обязательным для каждого разработчика React, который стремится создавать современные веб-приложения.

Это руководство рассматривает современные способы извлечения данных в React, а также их обработки:

https://blog.logrocket.com/modern-api-data-fetching-methods-react/

#react #api

Красивая SVG-анимация страницы 404

Предлагаем вашему вниманию вариант оформления страницы 404, выполненный с помощью SVG. Посмотреть, как реализован этот проект можно тут:

https://codepen.io/brookjordan/pen/XNgmGq

#codepen

​Команды и сочетания клавиш NPM, которые нужны каждому JavaScript-разработчику

Знаете ли вы, что с помощью NPM можно выполнять удивительные действия, которые помогут вам ускорить разработку вашего приложения? Если хотите лучше разбираться в NPM и его возможностях, то вам сюда:

https://blog.bitsrc.io/the-most-pertinent-npm-commands-and-shortcuts-you-should-know-as-javascript-developer-d84e34f6fe32

#npm #javascript

​История Angular: прошлое, настоящее и будущее

Angular прошел долгий путь в мире веб-разработки и разработки приложений с момента своего появления в 2010 году. И до сих пор он остаётся одним из главных фронтенд-фреймворков.

Но знаете ли вы, как ему удалось стать популярным и до сих пор оставаться востребованным? Эта статья расскажет вам, что делает Angular уникальным:

https://enlear.academy/angular-roadmap-the-past-present-future-212d8b98591b

#angular

​Избавляемся от switch

В своё время switch был добавлен в JS, чтобы упростить работу с множеством условий и избавить нас от необходимости написания и чтения «простыни» из if-else на десятки строк. Но, как показывает практика, switch далеко не всегда справляется со своей задачей.

Поэтому вместо него предлагаем попробовать простой, но не очевидный способ, как сделать ваш код чище, читабельнее и проще:

https://nuancesprog.ru/p/8593/

#javascript

​TypeScript — секретные материалы

За время своего существования TypeScript обзавёлся таким количеством фишек, что мало кто на самом деле знает и умеет применять их все. Но это не повод довольствоваться малым, ведь знания всегда можно получить, если есть желание. В этом видео вы познакомитесь с некоторыми возможностями TypeScript, которые вы, возможно, не знали:

https://www.youtube.com/watch?v=JJ171w3u2wQ

#видео #typescript

​Насколько вы знаете JavaScript?

Если хотите проверить свои знания по этому языку программирования, то специально для вас мы нашли репозиторий, где собрано огромное количество тестовых вопрос по JS с вариантами ответов и подробными объяснениями.

Тесты доступны на различных языках, включая русский. Подробнее:

https://github.com/lydiahallie/javascript-questions/blob/master/ru-RU/README.md

#тесты #javascript

Кастомный чекбокс на чистом CSS

Подробная видеоинструкция по созданию интересного чекбокса на чистом CSS. Заварите себе чашечку кофе, включайте видео и наслаждайтесь процессом создания. Заодно можете почерпнуть что-то полезное и для себя.

https://www.youtube.com/watch?v=ElB5JvZNyVY

#видео #css

Выглядит адаптивненько

​5 способов избежать повторного рендеринга компонентов React

Когда речь заходит о повторном рендеринге в React, то на ум сразу приходит useMemo, не так ли? Действительно, useMemo специально создан для того, чтобы избежать лишнего рендеринга. Но что, если мы скажем, что существуют ещё, как минимум, 4 способа, позволяющие достичь такого же поведения и у каждого из них есть свои особенности?

Хотите узнать подробнее? Тогда переходите по ссылке:

https://blog.bitsrc.io/5-ways-to-avoid-react-component-re-renderings-90241e775b8c

#react

​Погружение в Vue 3 — API реактивности

Применительно к Vue, реактивность — это функция, позволяющая обновлять содержимое экрана в соответствии с изменениями внутри кода. В этой статье речь в первую очередь пойдёт о ref, но также автор затрагивает применение toRef, toRefs и isRef. Подробнее:

https://developers.deepgram.com/blog/2022/02/diving-into-vue-3-reactivity-api/

#фронтенд #vue

​Разработчики из Netflix после падения акций:

​Повышение производительности пакета JavaScript с помощью разделения кода

В этой статье Адриан Бек рассказывает о преимуществах и предостережениях разделения кода, а также о том, как производительность страницы и время загрузки могут быть улучшены за счет динамической загрузки дорогих, некритичных пакетов JavaScript. Подробнее:

https://www.smashingmagazine.com/2022/02/javascript-bundle-performance-code-splitting/

#javascript

​Создание микрофронтенда на Angular с общим доступом к состояниям через NgRx и NX cli

Прочитав эту статью, вы сможете создать масштабируемое микрофронтенд-приложение с общим управлением состоянием на Angular:

https://itnext.io/building-angular-micro-frontend-with-ngrx-state-sharing-and-nx-cli-7e9af10ebd03

#angular

​Создание собственной системы сборки

Автору этой статьи показалось, что gulp недостаточно хорош для сборки его проектов, поэтому решил написать собственный вариант. В итоге он остановился на сочетании концепций gulp с современным JavaScript. И вот, что у него получилось:

https://palant.info/2022/02/08/writing-my-own-build-system-coupling-gulp-concepts-with-modern-javascript/

​Лучшие способы вызова API на JavaScript

При работе с JavaScript чрезвычайно важно знать, как посылать HTTP-запросы и получать динамические данные с сервера/базы данных. А делать это можно различными способами. Подробнее о них:

https://nuancesprog.ru/p/15597/

#api #javascript