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

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

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

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Zod умер. Да здравствует ajv-ts

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

#статья

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

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

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

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

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

#статья

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

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

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

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

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

#статья

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

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

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

#полезное
🔥3
Symbiote.js VS LitElement

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

#статья

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

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

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

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

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

#статья

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

👉 Читать статью
👍2
Math.ceil()

Округляет число вверх до ближайшего целого числа.

#функции
👍3
Web API для Angular

Веб — богатая экосистема с массой мощных API, которая только пополняется. В нашем распоряжении уже знакомые инструменты — Canvas или Intersection Observer, но в 2023 мы также имеем Web MIDI API, Speech Recognition и даже такие экзотические штуки, как геймпады и VR прямо в браузере. Естественно, эти API сложно использовать в Angular из-за разницы парадигм нативного JavaScript и декларативного Angular. 

#статья

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

👉 Читать статью
👍2
Date.now()

Возвращает текущую дату и время в виде метки времени.

#функции
👍2
Под капотом анимаций в React Native

В интернете часто сталкиваюсь с мнением, что на RN невозможно сделать красивые и стабильные анимации: их трудно делать и они ужасно лагают. По моему опыту всё обстоит совсем не так — вопрос именно в том, как их готовить. Хочу поделиться опытом, что сделать, чтобы у вас анимации не лагали, и по возможности восстановить репутацию React Native в глазах комьюнити.

#статья

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

👉 Читать статью
1
setTimeout()

Выполняет функцию один раз после указанной задержки.

#функции
👍5
Как я переносил блог из CakePHP в Angular

Интерфейс был построен на Twitter Bootstrap и jQuery. Из‑за усложнения бизнес логики, в проект добавили AngularJS и десяток библиотек для фингерпринтинга.

#статья

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

👉 Читать статью
Как работает Zustand

Zustand (читается как "цуштанд", что переводится с немецкого как "состояние") — это, на мой взгляд, один из лучших на сегодняшний день инструментов для управления состоянием приложений, написанных на React.

#статья

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

👉 Читать статью
👍1🔥1
Добавление и изменение свойств

С помощью точечной нотации мы добавляем новые свойства или изменяем существующие.

#объекты
👍1
Введение в Page Visibility API

Познакомимся с Page Visibility API, рассмотрим его назначение, принцип работы, область применения и практические примеры.

#статья

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

👉 Читать статью
🔥1
Вложенные объекты

Мы можем создавать вложенные объекты, чтобы представлять более сложные структуры данных.

#объекты
👍4
Как реализовать feature gate в React

Предлагаем доступное руководство по реализации feature gate. Этот простой, но мощный механизм позволит легко управлять выпуском новых функций.

#статья

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

👉 Читать статью