JavaScript заметки

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

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

🔹 Пора перестать теряться в мире React — вступайте в ReactJS Daily! Наш канал — это настоящий клад для тех, кто хочет покорить React! Мы собрали всё, что нужно для разработки: простые объяснения, эффективные методы и вдохновляющие примеры. Что вас ждет?   - Подробные гайды: разбираем сложные концепции React, как хуки и оптимизацию, по шагам. - Практика с примерами: каждый пост помогает прокачивать знания и применять их в реальных проектах. - Актуальные новости и тренды: React развивается, и вы будете в курсе всех новинок. Подписывайтесь на ReactJS Daily, чтобы идти вперед вместе с единомышленниками и уверенно строить крутые приложения! 🚀

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

Визуализация алгоритмов поиска пути на Svelte: Практические заметки В этом посте делюсь опытом разработки на Svelte, демонстрируя это на моем пет-проекте. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

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

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

Event Loop. Мифы и реальность В этой статье попробуем разобраться, где же, все таки, истина. Если вам кажется, что в статье имеется ошибка, неточность или чего-то не хватает, оставляйте свои комментарии, и мы попробуем совместно найти ответы на все возникающие сомнения и вопросы. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

Программирование будущего: беспилотный автомобиль, управляемый JavaScript и ИИ Пытаетесь разгадать магию беспилотных автомобилей? Присоединяйтесь к программистам, увлекающимся автоматизированными транспортными средствами. Они помогут написать код, превращающий автомобиль в самоуправляемое чудо техники. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

Что быстрее: Animated + useNativeDriver или Reanimated? В этой статье попробуем разобраться, что же всё-таки работает быстрее: React-Native-Reanimated или Animated + useNativeDriver: true. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с обещаниями (Promises) В примере мы создаем функцию fetchData, которая возвращает обещание (Promise) с задержкой. Затем мы используем методы .then() для обработки успешного выполнения и .catch() для обработки ошибок. Это позволяет более чисто и структурированно работать с асинхронными операциями, такими как загрузка данных с сервера. #полезное

Мои первые шаги в создании браузерных 2D игр на чистом JavaScript + Canvas Статья представляет собой перевод одного англоязычного видеоурока. Если Вы хорошо владеете английским и Вам больше нравится видеоформат подачи материала — можете посмотреть видео. В статье же я буду вставлять участки кода и стараться также подробно как и автор видео — объяснять каждый свой шаг. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

Как декораторы могут упростить разработку веб-форм В статье я буду писать о подходе, использующем библиотеку MobX. Так что если вы в своих проектах её не используете, статья может быть не так полезна. Но вы можете рассматривать её, как возможный источник вдохновения по тому, как можно разрабатывать формы. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с локальным хранилищем localStorage позволяет хранить данные на стороне клиента (в браузере). Методы setItem() используются для записи данных, getItem() для чтения данных и removeItem() для удаления данных из локального хранилища. #полезное

Как типизировать Vuex Store В этой статье мы поймем, нужно ли вам типизировать Vuex Store или нет, и если вы достаточно отчаянны, поймем, как его типизировать, чтобы не погибнуть. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Рекурсия и оптимизация рекурсивных функций В первой части кода есть простая рекурсивная функция factorial, которая вычисляет факториал числа n. Она вызывает себя с аргументом n - 1, пока n не станет меньше или равно 1. Во второй части кода представлена оптимизированная версия функции factorialMemoized, которая использует мемоизацию. Мемоизация - это техника, при которой результаты предыдущих вызовов функции сохраняются в памяти и возвращаются в случае повторного вызова с теми же аргументами. В данном случае, мы используем объект memo для хранения результатов предыдущих вызовов factorialMemoized. Если результат уже вычислен для конкретного n, мы возвращаем его из memo, иначе вычисляем и сохраняем в memo. Таким образом, оптимизированная версия factorialMemoized более эффективна при вычислении факториала для больших чисел, так как избегает переполнения стека вызовов, и вычисляет результаты только один раз для каждого n. #полезное