🖥 Как реализовать синглтон в JavaScript

В этой статье мы рассмотрим, что такое синглтон и все способы его реализации в JavaScript.

Синглтон — это шаблон проектирования, решающий две проблемы. Это гарантирует, что однопоточное приложение будет иметь только один экземпляр данного класса. Вторая проблема, когда нам нужно иметь глобальную точку доступа к какому-то экземпляру класса или просто объекту. Иногда разработчики называют некоторый объект синглтоном, даже если он решает только одну проблему.

Вот несколько случаев, когда мы можем использовать синглтон:

- Глобальное состояние приложения как единственный источник истинного — Redux, менеджеры состояний Mobx обеспечивают глобальный доступ к состоянию

- Служба API, в которой мы инкапсулируем некоторую логику и сохраняем сеанс или токен для выполнения вызовов API.

- Служба для хранения базы данных или соединения WebSocket, и здесь мы можем быть уверены, что у нас есть только одно соединение данного синглтона.

Итак, давайте посмотрим, как мы можем реализовать следующий шаблон.

➡️ Читать дальше

@javascriptv

🖥 React в плагине Sketch: проблема загрузки исходных данных

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

Мы также рассмотрим одно из возможных решений этой проблемы. В конце статьи есть ссылка на полный демо-репозиторий.

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

➡️ Читать дальше
🔩 Код

@javascriptv

🔥 Front-end. Вопросы на собеседовании

Огромный репозитории видеокаста, содержит коллекцию вопросов и ответов, которые можно получить на техническом собеседовании на вакансию Junior/Middle Front-end разработчик.

🖥 GitHub/Инструкция

#html #js #oop #react #vue #nodejs

@javascriptv

🔩 Surge

Surge — площадка для бесплатной публикации статических сайтов

Самое приятное, что опубликовать свой проект можно прямо из командной строки буквально в одну команду. Поддерживаются HTML, CSS, JavaScript

На данный момент с помощью Surge уже опубликовано более 1,5 млн проектов

Стоимость: #бесплатно (но есть и платный тариф)

#web #html #css

🖥 Google Loading

Анимированный загрузчик в стиле Google на HTML и SCSS.

#html #css

https://codepen.io/onlyveen/pen/owQRME

@javascriptv

🖥 Я переписал эти 10+ отдельных строк кода JavaScript, руководитель группы похвалил код за его элегантность

Однострочники - это действительно классные задачи, и их очень весело создавать. Раньше я тратил много своего времени на codewars.com и codingame.com, которые представляют собой два веб-сайта, облегчающих небольшие задачи по кодированию, которые бросают вызов вашей способности писать короткий код или писать код быстро.

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

➡️ Читать дальше

@javascriptv

⭐️ Highlight.js — библиотека для выделения синтаксиса

Осуществляет поиск программного кода между тегами pre и code и выделяет синтаксис.

Особенности / преимущества:
✔️Поддержка более 197 языков
✔️Совместима с любым JS фреймворком
✔️Автоматическое определение языка

🔩 Проект
🖥 Github

@javascriptv