JavaScript заметки
8.57K subscribers
2.74K photos
4 videos
1.27K links
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке.

Можно почитать пока компилируется проект :)

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Сортировка массивов объектов

В примере мы создаем массив объектов products, содержащий информацию о различных продуктах. Затем мы используем метод sort() для сортировки этого массива по полю price в порядке возрастания, используя функцию sortByPriceAscending в качестве функции сравнения. Вы можете создать аналогичные функции для сортировки в порядке убывания или для сортировки по другим полям объектов.

#полезное
👍5
Что быстрее: Animated + useNativeDriver или Reanimated?

В этой статье попробуем разобраться, что же всё-таки работает быстрее: React-Native-Reanimated или Animated + useNativeDriver: true.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
1
Использование JavaScript Proxies для реализации наблюдаемых объектов

Здесь Proxy используется для создания наблюдаемого объекта, который вызывает определенную функцию при изменении своих свойств.

#полезное
👍1
Программирование будущего: беспилотный автомобиль, управляемый JavaScript и ИИ

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Использование JavaScript Service Workers для создания оффлайн-приложений

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

#полезное
👍3
Использование JavaScript Intersection Observer API для отслеживания видимости элементов на странице

Intersection Observer API позволяет отслеживать, когда целевые элементы входят или выходят из видимой области окна браузера или другого элемента.

#полезное
👍3
Переход с Vue-CLI на Vite: ускоряем разработку Vue 3

Vue.js - один из самых популярных JavaScript-фреймворков, который используется для создания динамических пользовательских интерфейсов. С появлением Vue 3, разработчики получили еще больше возможностей для создания мощных и эффективных приложений. Одним из новых инструментов в арсенале Vue 3 является Vite - быстрый и легковесный бандлер, который значительно упрощает процесс разработки и ускоряет сборку проекта. В этой статье мы рассмотрим, как перейти от стандартного подхода с использованием Vue-CLI и Webpack к более продвинутому и эффективному методу работы с помощью Vite.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍2
Использование JavaScript Typed Arrays для работы с бинарными данными

Typed Arrays позволяют эффективно работать с бинарными данными, такими как изображения, звуки или сетевые пакеты.

#полезное
👍3
Визуализация алгоритмов поиска пути на Svelte: Практические заметки

В этом посте делюсь опытом разработки на Svelte, демонстрируя это на моем пет-проекте.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Использование JavaScript Fetch API для выполнения запросов к серверу

Fetch API предоставляет простой способ выполнения HTTP-запросов и обработки полученных данных в формате JSON.

#полезное
👍1
Zod умер. Да здравствует ajv-ts

Zod — это библиотека проверки на уровне схемы с поддержкой типов Typescript.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
🤣4
Использование JavaScript Web Cryptography API для выполнения криптографических операций

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

#полезное
👍6
React-lens — эффективное управление состоянием в приложениях в ReactJs

Во многих разрабатываемых программах мы сталкиваемся с необходимостью организации работы с данными. Такие задачи могут быть самыми разными: хранение, актуализация, масштабирование и т. п. А ещё приходится реализовывать взаимодействие различных библиотек. Рассмотрим один из способов решения этих проблем при помощи React Lens.
Как бы мы не хотели, всегда будут ограничения в вычислительных мощностях или человеческих ресурсах. Большую роль оказывает необходимость развивать и расширять свой продукт. Потому баланс задач по организации состояния может быть также разным: где-то нужно сделать упор на производительность, где-то на масштабируемость и т. д.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Использование JavaScript WebGL для создания 3D-графики в браузере

WebGL - это JavaScript API для рендеринга интерактивной 3D-графики в браузере без использования сторонних плагинов.

#полезное
👍3
Next.js App Router. Опыт использования. Путь в будущее или поворот не туда

Два года назад команда Next.js представила новый подход к роутингу, который должен был стать заменой так называемому Pages Router, вместе с тем добавив ряд принципиально нового функционала.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Использование JavaScript Proxy для реализации валидации данных

Proxy позволяет перехватывать доступ к свойствам объекта и выполнять на них дополнительные действия, такие как валидация данных.

#полезное
👍5
Symbiote.js VS LitElement

Мотивация разработчиков библиотек и фреймворков для фронтенда может быть разной. И если вы, являясь таким разработчиком, хотите работать не “в стол” а с расчетом на какое-то признание и пользу для индустрии, вы должны четко понимать, что именно и зачем вы делаете. Если вы хотите сэкономить пользователям пару килобайт трафика или пару миллисекунд отклика - вам будет очень тяжело доказать миру, что ради этого стоит выбрать именно ваше решение. Люди выберут размер комьюнити, богатую экосистему и крупного вендора. Ваш набор аргументов должен быть достаточно веским, чтобы обратить на себя внимание. Сейчас я попытаюсь доказать, что при наличии такого решения как LitElement от гиганта индустрии Google, имеет смысл посмотреть в сторону Symbiote.js.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍2
Использование JavaScript Service Workers для кэширования ресурсов и улучшения производительности

Service Workers используются для кэширования статических ресурсов, таких как HTML, CSS и JavaScript файлы, что позволяет улучшить производительность и доступность веб-приложения.

#полезное
👍3
Как работает JavaScript Proxy

Раскройте для себя возможности JavaScript Proxy, углубившись в настройку операций с объектами и контроль над ними. Используя JavaScript Proxy, вы будете создавать надежные и безопасные приложения.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍1
Использование JavaScript Web Crypto API для генерации и проверки цифровых подписей

Web Crypto API используется для выполнения криптографических операций, таких как генерация и проверка цифровых подписей, обеспечивая безопасное хранение и передачу данных.

#полезное
👍3