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

«Самая опасная фраза в языке -« Мы всегда так поступали »». - Контр-адмирал Грейс Мюррей Хоппер

Пакеты

Рамда

Ramda делает JavaScript слишком простым, вам действительно не нужно думать о логике, лежащей в основе ваших функций, после того, как вы начнете его использовать. Вы создали 3 функции и вам нужно применить их к массиву несколько раз? Используйте applyEach ()! Или, может быть, вы хотите применить функцию несколько раз? Используйте applyN! Это бесконечный список, посмотрите их Поваренную книгу.

MathJS

Вы работаете над проектом, который требует больше вычислений, чем вы можете выполнить? MathJS - это библиотека для вас! От округления чисел до объединения нескольких математических операций, он может сделать ваши циклы и условные выражения бесполезными выражениями. С простыми функциями ваш код будет выглядеть красивее, чем когда-либо!

Сахар

Вам нравится работать с собственными объектами, такими как массивы? Что ж, тогда Сахар поможет вам с ними работать. Вы можете получить первый и последний элемент из массива или даже получить среднее значение числового массива. Используя простые функции, вы можете удалить все те несколько строк кода, которые у вас есть в данный момент, и делать все в одной строке!

Ленивый

Мне действительно не нужно говорить, для тебя это или нет, верно? Если вам лень, установите Lazy. Просто подумайте об огромных функциях, которые присутствуют в вашем коде, вам они нравятся? Конечно, нет! С помощью этой библиотеки вы можете создать бесконечную последовательность Фибоначчи с 8 строками кода или, может быть, вы хотите сгенерировать 300 случайных чисел от 1 до 1000 с 4 строками кода?

Расширения

Фрагменты кода JavaScript (ES6)

Вы используете чистый Javascript ES6? О, вы не уверены, потому что все еще учитесь? Не волнуйтесь, это расширение поможет вам сделать это легко! Это расширение работает и при создании приложений React и Vue, и оно очень простое в использовании, оно просто выделит и покажет вам, правильно вы это делаете или нет.

Брекет-пара Colorizer 2

Это расширение полезно не только для JavaScript, но и для любого языка программирования. Вы устали считать, сколько скобок вам еще нужно закрыть? Тогда вперед и попробуйте это, это просто потрясающе! Думаю, мне не нужно объяснять, как это работает, его название уже дает вам спойлер.

ESLint

Я уверен, что вы уже используете ESLint для улучшения своего кода, но вы все еще набираете npx eslint .? Если да, то остановите его уже и установите это расширение! Он просто сообщит вам, когда вы делаете ошибку, на основе установленных вами правил. Это замечательно, потому что это позволяет вам узнать, что вы делаете неправильно, пока вы это делаете, а не только в конце.

Quokka

Представьте себе мир, в котором вы вызываете функцию для суммирования чисел, и результат волшебным образом появляется рядом с вызовом функции. Это расширение делает именно это, оно просто показывает вам, что произойдет, когда вы запустите свой код! Не теряйте больше времени на отладку того, что вы реализовали много лет назад!

CodeMetrics

Вы беспокоитесь, что ваш код слишком сложен, но оставляете рефакторинг на потом? Это расширение просто не даст вам уйти так легко, оно покажет вам сложность ваших функций после того, как вы их наберете! Кроме того, они оставят вам очень "приятное" сообщение, когда оставят вам отзыв.

Последние мысли

Как я всегда говорю в своих статьях:

«Всегда программируйте так, как будто парень, который в конечном итоге поддерживает ваш код, будет жестоким психопатом, который знает, где вы живете» - Джон Ф. Вудс

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

Если вам понравилась эта статья, обязательно: