Полное визуальное руководство по пониманию цикла событий Node.js

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

Если вы похожи на меня, то вы провели бесчисленное количество часов, читая документацию и просматривая видео, пытаясь понять цикл событий. Но даже опытному разработчику бывает трудно получить полное представление о том, как все это работает. Именно поэтому я подготовил это наглядное руководство, которое поможет вам полностью понять цикл событий Node.js. Усаживайтесь поудобнее, возьмите чашку кофе, и давайте погрузимся в мир цикла событий Node.js.

https://www.builder.io/blog/visual-guide-to-nodejs-event-loop#asynchronous-programming-in-java-script

👉 @frontend_1

5 лучших практик обработки HTTP-ошибок в JavaScript

Ошибки - это повседневное препятствие, с которым сталкиваются все разработчики и клиенты. Типичная ошибка - это когда приложение или конкретная функция ломается из-за того, что не может обработать логику или параметры.

Ошибки JavaScript похожи на ошибки, встречающиеся в других языках, поскольку они подчиняются тем же принципам. Следование лучшим практикам обработки ошибок гарантирует, что компоненты не сломаются, когда приложение столкнется с ошибкой.

В данной статье рассматриваются некоторые лучшие практики обработки HTTP-ошибок в JavaScript-приложениях.

https://www.syncfusion.com/blogs/post/handling-http-errors-javascript.aspx

👉 @frontend_1

Новое ключевое слово в TypeScript 5.2: 'using'

https://www.totaltypescript.com/typescript-5-2-new-keyword-using

👉 @frontend_1

Создание лучшего и более быстрого представления кода

Новая версия GitHub Code View предоставляет пользователям множество новых возможностей для улучшения качества чтения и изучения кода, и мы преодолели ряд уникальных технических препятствий, чтобы предоставить эти возможности без ущерба для производительности.

https://github.blog/2023-06-21-crafting-a-better-faster-code-view/

✍️ @React_lib

JavaScript Development Hacks: 13 скрытых возможностей, которые необходимо знать

JavaScript - это универсальный и динамичный язык, позволяющий разработчикам создавать одни из самых инновационных и сложных приложений в Интернете.

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

https://blog.canopas.com/javascript-development-hacks-13-hidden-gems-you-need-to-know-e273cf662266

👉 @frontend_1

Image gallery with flex-grow

Пример галереи изображений на CSS + HTML с эффектом наведения.

https://codepen.io/ahmadghoniem/pen/QWJdMMe

👉 @frontend_1

Однострочники JavaScript, которые можно использовать в каждом проекте

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

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

Давайте рассмотрим 10 важнейших однострочников, которые стоит использовать практически в каждом создаваемом JavaScript-проекте.

https://www.freecodecamp.org/news/javascript-one-liners-to-use-in-every-project/

👉 @frontend_1

Подборка Telegram каналов для программистов

Системное администрирование 📌
https://yangx.top/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://yangx.top/sysadminof Книги для админов, полезные материалы
https://yangx.top/i_odmin Все для системного администратора
https://yangx.top/i_odmin_book Библиотека Системного Администратора
https://yangx.top/i_odmin_chat Чат системных администраторов
https://yangx.top/i_DevOps DevOps: Пишем о Docker, Kubernetes и др.
https://yangx.top/sysadminoff Новости Линукс Linux


https://yangx.top/tikon_1 Новости высоких технологий, науки и техники💡
https://yangx.top/mir_teh Мир технологий (Technology World)

https://yangx.top/rust_lib Полезный контент по программированию на Rust
https://yangx.top/golang_lib Библиотека Go (Golang) разработчика

https://yangx.top/itmozg Программисты, дизайнеры, новости из мира IT.
https://yangx.top/phis_mat Обучающие видео, книги по Физике и Математике

https://yangx.top/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻
https://yangx.top/nodejs_lib Подборки по Node js и все что с ним связано
https://yangx.top/ruby_lib Библиотека Ruby программиста

1C разработка 📌
https://yangx.top/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С

Программирование C++📌
https://yangx.top/cpp_lib Библиотека C/C++ разработчика
https://yangx.top/cpp_knigi Книги для программистов C/C++
https://yangx.top/cpp_geek Учим C/C++ на примерах

Программирование Python 📌
https://yangx.top/pythonofff Python академия. Учи Python быстро и легко🐍
https://yangx.top/BookPython Библиотека Python разработчика
https://yangx.top/python_real Python подборки на русском и английском
https://yangx.top/python_360 Книги по Python Rus

Java разработка 📌
https://yangx.top/BookJava Библиотека Java разработчика
https://yangx.top/java_360 Книги по Java Rus
https://yangx.top/java_geek Учим Java на примерах

GitHub Сообщество 📌
https://yangx.top/Githublib Интересное из GitHub

Базы данных (Data Base) 📌
https://yangx.top/database_info Все про базы данных

Мобильная разработка: iOS, Android 📌
https://yangx.top/developer_mobila Мобильная разработка
https://yangx.top/kotlin_lib Подборки полезного материала по Kotlin

Фронтенд разработка 📌
https://yangx.top/frontend_1 Подборки для frontend разработчиков
https://yangx.top/frontend_sovet Frontend советы, примеры и практика!
https://yangx.top/React_lib Подборки по React js и все что с ним связано

Разработка игр 📌
https://yangx.top/game_devv Все о разработке игр

Вакансии 📌
https://yangx.top/sysadmin_rabota Системный Администратор
https://yangx.top/progjob Вакансии в IT

Чат программистов📌
https://yangx.top/developers_ru

Библиотеки 📌
https://yangx.top/book_for_dev Книги для программистов Rus
https://yangx.top/programmist_of Книги по программированию
https://yangx.top/proglb Библиотека программиста
https://yangx.top/bfbook Книги для программистов
https://yangx.top/books_reserv Книги для программистов

БигДата, машинное обучение 📌
https://yangx.top/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning

Программирование 📌
https://yangx.top/bookflow Лекции, видеоуроки, доклады с IT конференций
https://yangx.top/coddy_academy Полезные советы по программированию

QA, тестирование 📌
https://yangx.top/testlab_qa Библиотека тестировщика

Шутки программистов 📌
https://yangx.top/itumor Шутки программистов

Защита, взлом, безопасность 📌
https://yangx.top/thehaking Канал о кибербезопасности
https://yangx.top/xakep_1 Статьи из "Хакера"

Книги, статьи для дизайнеров 📌
https://yangx.top/ux_web Статьи, книги для дизайнеров

Английский 📌
https://yangx.top/UchuEnglish Английский с нуля

Математика 📌
https://yangx.top/Pomatematike Канал по математике

Excel лайфхак📌
https://yangx.top/Excel_lifehack

Совет по Javascript 💡

4 способа перебора объекта JavaScript, которые вы должны знать!

👉 @frontend_1

Использование useMutation для создания расширенного тумблера в React

Основные возможности таковы:

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

https://www.propelauth.com/post/using-usemutation-to-make-an-advanced-toggle-in-react

👉 @frontend_1

32 потрясающих фрагмента кода JavaScript, которые вы должны использовать

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

https://hackernoon.com/32-awesome-javascript-snippets-one-liners-you-should-use-in-2023

👉 @frontend_1

Полезные советы и рекомендации DevTools

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

https://www.smashingmagazine.com/2023/06/popular-devtools-tips/

👉 @frontend_1

7 мощных приемов оптимизации JavaScript

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

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

https://javascript.plainenglish.io/7-javascript-powerful-optimization-tricks-you-need-to-know-f0b5da2933de

👉 @frontend_1

Введение в потоковую передачу данных в Вебе

Веб-потоки (web streams) предоставляют основанный на веб-стандартах способ асинхронной потоковой передачи данных по сети. Они позволяют разработчикам обрабатывать большие наборы данных по чанкам (chunks — части, куски), контролировать перегрузку сети (обратное давление — backpressure) и создавать высокоэффективные и отзывчивые приложения.


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

Rus https://habr.com/ru/articles/744656/

Eng https://vercel.com/blog/an-introduction-to-streaming-on-the-web

👉 @frontend_1

Rockpack

Это простое решение для создания React-приложения с рендерингом на стороне сервера, комплектацией, линтингом, тестированием за 5 минут

https://github.com/AlexSergey/rockpack

👉 @Githublib

Совет по работе с Javascript 💡

Возможно, вы не знаете об этом чистом и более коротком способе записи нескольких значений в консоль 🔥.

👉 @frontend_1

ESLint. Анатомия правил линтинга: разбираем структуру, создаём собственное правило для React-приложения


Всем привет! Меня зовут Анастасия Щедрина, я технический лидер по фронтенду проекта размещения объявлений в компании Домклик. Сегодня я расскажу вам немного о том, как устроены правила в ESLint, и покажу на примере, как можно разработать собственные.

Статья будет полезна тем, кто уже задумался о создании своих правил, а также тем, кто использует линтер, но не знает, как он устроен и как подключённые правила обрабатывают наш код.

https://habr.com/ru/companies/domclick/articles/743384/

👉 @frontend_1

📌 12 методов определения чисел в JavaScript

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

В JavaScript, когда у вас есть различные данные, вы хотите манипулировать этими данными различными способами, и числа не являются исключением. Манипуляции могут быть различными, например, преобразовать его во что-то другое, уменьшить или изменить способ его отображения.
Что представляют собой методы?

https://dev.to/catherineisonline/12-javascript-number-methods-cheatsheet-1oie

👉 @frontend_1