Effector - стейт-менеджер, который активно развивается и поддерживает множество фреймворков. Одни из них React, React Native, Vue, Svelte.

#JavaScript

https://effector.now.sh/

Bree - лучший планировщик заданий для Node.js и JavaScript с cron , date , ms , later и удобной поддержкой.

Работает в Node v10+ и браузерах (благодаря полифилу bthreads), использует рабочие потоки (Node.js) и веб-воркеры (браузеры) для создания изолированных процессов, а также поддерживает async / await, стратегии повтора для неудачных операций, регулирование, параллелизм и отменяемые задания с плавным завершением работы.

#JavaScript #Node

https://jobscheduler.net/#/

Iconate.js - библиотека JavaScript, которая добавит вашим статичным шрифтовым иконкам крутой анимации и "оживит" любой проект.

#JavaScript

http://bitshadow.github.io/iconate/

🕘 Создаем таймер на JavaScript

Читать

@htmlcssjavas #статьи #javascript

Урок - Подключение CSS

https://dev-gang.ru/article/urokpodkluczenie-css-e95gi26p3e/

@htmlcssjavas #статьи #javascript

​SpaceX-REST-API – API для получения данных о ракетах, капсулах, пусковых площадках и т.д. компании SpaceX

⤷ Ссылка на проект

@htmlcssjavas | #Interesting #JavaScript

Interpolate Between Paths (draw with your pointer)

Анимация позволяющая делать наброски галограмм. Реализована с помощью JavaScript.

#анимация #css #javascript

https://codepen.io/creativeocean/pen/bGvyRWd

Outfit at Dusk

Анимация заднего фона. Реализована с помощью JavaScript.

#анимация #javascript

https://codepen.io/andyfitz/pen/xxVKzaM

@htmlcssjavas

Как создать браузерную «пипетку» с работой вне браузера

Знакомьтесь, EyeDropper API — небольшой JS API, позволяющий разработчикам добавить в их проект пипетку. С помощью неё пользователь может выбрать нужный цвет и веб-приложение зафиксирует его.

Подробнее о том, как это работает можно узнать тут:

https://patrickbrosset.com/articles/2021-11-24-how-i-built-an-eye-dropper-browser-extension/

#javascript #фронтенд

@htmlcssjavas

​Утечки памяти в JavaScript

Авторы рассмотрели распространённые типы данной проблемы, а также рассказали, как использовать инструменты разработки Chrome, чтобы найти их.

#javascript #безопасность

​Код, написанный на JavaScript, обрабатывается движком. Но как именно это происходит «под капотом» и какие процессы в этом задействованы?

В общих чертах и с очень наглядными анимациями

А если решили погрузиться серьёзно, вот огромный цикл статей, которые раскроют внутреннее устройство Java Script лучше любой книги:

1. Обзор движка, механизмов времени выполнения, стека вызовов

2. О внутреннем устройстве V8 и оптимизации кода

3. Управление памятью, четыре вида утечек памяти и борьба с ними

4. Цикл событий, асинхронность и пять способов улучшения кода с помощью async/await

5. WebSocket и HTTP/2+SSE — что выбрать

6. Особенности и сфера применения WebAssembly

7. Веб-воркеры и пять сценариев их использования

8. Сервис-воркеры

9. Веб push-уведомления

10. Отслеживание изменений в DOM с помощью MutationObserver

11. Движки рендеринга веб-страниц и советы по оптимизации их производительности

12. Сетевая подсистема браузеров, оптимизация её производительности и безопасности

13. Анимация средствами CSS и JavaScript

14. Абстрактные синтаксические деревья, парсинг и его оптимизация

15. Классы и наследование, транспиляция в Babel и TypeScript

16. Системы хранения данных

17. Технология Shadow DOM и веб-компоненты

18. WebRTC и механизмы P2P-коммуникаций

19. Пользовательские элементы

20. Паттерны и анти-паттерны

21. JavaScript ES8 и переход на async/await

#javascript #веб

​​​​Алгоритмы и структуры данных для начинающих

Уверенное применение структур данных и алгоритмов имеет важное значение при создании программ. Изучить основы поможет серия коротких видеоуроков с примерами на JavaScript. Например, что такое BinarySearchTree, LinkedList, Stack, Queue, их применение, а также другие структуры и алгоритмы:

https://youtube.com/playlist?list=PLIFGfLqvZ-yGHI2Fg0NCgi7FY0h1yh-af

#javascript #алгоритмы