Category : javascript

javascript
Тесты производительности фреймворка Cample.js. Отчёт № 1

В данной статье содержатся тесты фреймворка Cample.js версии 3.2.0-alpha.12. Это первый отчёт о производительности. Нулевой отчёт вышел несколько месяцев тому назад.Отчёт включает в себя сравнения по производительности с популярными фреймворками и библиотекой, а также сравнение с реализацией на чистом javascript.Все результаты тестов основаны на показателях keyed реализации в репозитории js-framework-benchmark в github. Сами они располагаются на странице выпуска №122.Были выбраны близкие по зн…

  • понедельник, 26 февраля 2024 г. в 00:00:09
javascript
Redux vs Mobx кого же выбрать для React-приложения в 2024 году?

Привет, Хабр!Сегодня я хочу поделиться с вами своими размышлениями о том, какой стейт менеджер лучше использовать для разработки приложений на React в 2024 году. Как вы знаете, React — это одна из самых популярных и мощных библиотек для создания пользовательских интерфейсов, которая предоставляет множество возможностей и преимуществ для разработчиков. Однако, по мере роста и усложнения приложений на React, возникает необходимость в управлении состоянием и данными, которые используются в разных…

  • воскресенье, 25 февраля 2024 г. в 00:00:09
javascript
Интерактивная диаграмма Ганта для тысяч работ

Всем привет ! Я работаю full-stack разработчиком в одной организации в атомной отрасли. Некоторое время назад потребовалось добавить в одно из наших приложений диаграмму Ганта. В сфере деятельности нашей организации много специфики, и для реализации самой удобной диаграммы именно для наших пользователей не хватило бы библиотечных решений. Поэтому была поставлена задача: реализовать диаграмму Ганта с нуля.Интерфейс диаграммыВ этой статье будут рассмотрены следующие проблемы:Наши пользователи х…

  • воскресенье, 25 февраля 2024 г. в 00:00:09
javascript
Создание Web components на Vue 3

Можно написать на Vue 3 какой-нибудь полезный компонент и захотеть дать возможность использовать его не только в Vue проектах, но и на любых других фронтендах. Сделать это несложно через регистрацию его как web component, или подключение "микро-фронтендом". Оба варианта будут рассмотрены ниже.Рассмотрим универсализацию на примере release-timelineПри разработке используем Vite с двумя конфигами - один непосредственно для разработки и запуске в Dev режиме на сервере Vite, другой - для би…

  • суббота, 24 февраля 2024 г. в 00:00:18
javascript
Разработка Tizen-приложения для Samsung Smart Signage Platform(SSSP): гайд для js-разработчиков

В этой статье я хочу рассказать о своем увлекательном путешествии в мир ОС Tizen. В ней я постараюсь подробно описать не только основные шаги по установке Tizen Studio и созданию проекта, но и поделюсь с вами ценными практическими советами по разработке приложений, освещая ключевые аспекты работы с интерфейсом пользователя и эффективного тестирования. Как я к этому пришел? Всё просто – на работе мне поставили задачу: «Разработать приложение для устройства SSSP». Деваться некуда, придётся разби…

  • суббота, 24 февраля 2024 г. в 00:00:17
javascript
Содание Web components на Vue 3

Можно написать на Vue 3 какой-нибудь полезный компонент и захотеть дать возможность использовать его не только в Vue проектах, но и на любых других фронтендах. Сделать это несложно через регистрацию его как web component, или подключение "микро-фронтендом". Оба варианта будут рассмотрены ниже.Рассмотрим универсализацию на примере release-timelineПри разработке используем Vite с двумя конфигами - один непосредственно для разработки и запуске в Dev режиме на сервере Vite, другой - для би…

  • пятница, 23 февраля 2024 г. в 00:00:16
javascript
Предсказание от We Wizards: сегодня вас ждут успех в делах и новые скиллы

Вместе с Даниилом Сарабьевым (разработчик We Wizards) сделаем сервис, позволяющий получить случайный набор закрытых карт таро с возможностью вскрыть выбранные карты.Разделим наш сервис на два класса:общий контроллер (назовем его TarotController);класс единичной карты (TarotCard).Контроллер будет отвечать за показ и скрытие карт, так же в нем будет крутиться рекурсивная функция, вызываемая с помощью метода requestAnimationFrame. В каждом цикле анимации она будет вызывать метод update у каждого …

  • четверг, 22 февраля 2024 г. в 00:00:12
javascript
Первое приложение на SolidJS

В этой статье познакомимся с SolidJS − JavaScript-библиотекой для создания пользовательских интерфейсов без виртуального DOM. Мы создадим легкий список задач с использованием TypeScript и разберем некоторые особенности библиотеки. SolidJSЧто такое SolidJS?SolidJS является JS библиотекой с открытым исходным кодом. Сами разработчики пишут на своем гитхабе: «Solid − это декларативная библиотека JavaScript для создания пользовательских интерфейсов. Вместо использования виртуального DOM он комп…

  • среда, 21 февраля 2024 г. в 00:00:12
javascript
1/n: Задачи leetcode JS — «Max Consecutive Ones» (Найти максимальное количество последовательных ед…

Всем привет.Я столкнулся с тем, что на собеседованиях в некоторые ИТ-компании на Frontend JavaScript требуется решать задачи, и я решил сделать серию статей на тему, как я решил их тем или иным образом. Перед вами — первый текст из этой серии.Для решения будем использовать язык программирования TypeScript.https://leetcode.com/explore/learn/card/fun-with-arrays/521/introduction/3238/На каких тестах я проверял решение?Подается массив [1,1,0,1,1,1], в нем максимальное количество единиц «3».В этом…

  • среда, 21 февраля 2024 г. в 00:00:11