Шпаргалка по релизу мобильного приложения

#шпаргалка #mobidev

Использование монад в JavaScript для управления состоянием и побочными эффектами

Монада — это структура данных, которая имеет специальные методы для обработки состояний и побочных эффектов. В JavaScript монады могут быть реализованы с помощью классов или фабричных функций.

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

В примере мы создаем класс Maybe, который является реализацией монады. Методы map, chain и join позволяют нам преобразовать значение внутри монады, сохраняя при этом семантику отсутствующего значения. Также мы используем монаду Maybe для извлечения адреса пользователя по его идентификатору. Благодаря монаде мы избегаем проблемы "пробрасывания" null или undefined, и можем безопасно извлечь значение адреса без проверки на наличие всех промежуточных объектов.

Gun.js

Gun.js — это библиотека JavaScript, предназначенная для создания децентрализованных графовых баз данных, поддерживающих работу в реальном времени. Gun.js используется для разработки приложений, которые могут синхронизироваться между разными устройствами без необходимости наличия центрального сервера, что делает её полезной для создания P2P-приложений и оффлайн-функциональности.

👉 @sWebDev

Полезное-ночное: нашёл огромный репозитарий, до отказа забитый Bash-скриптами.

До отказа — значит, что их там больше тысячи на все случаи жизни:

AWS, GCP, Kubernetes, Docker, CI/CD, APIs, SQL, PostgreSQL, MySQL, Hive, Impala, Kafka, Hadoop, Jenkins, GitHub, GitLab, BitBucket, Azure DevOps, TeamCity, Spotify, MP3, LDAP, Code/Build Linting, pkg mgmt для Linux, Mac, Python, Perl, Ruby, NodeJS, Golang, .bashrc, .vimrc, .gitconfig, .screenrc, tmux...

Vue.js и Vite — что нового в 2024 году?

Evan You на VueConf US 2024 рассказал о свежих обновлениях в экосистеме Vue и Vite.

Хотите узнать, что изменилось в любимом фреймворке? Посмотрите выступление и изучите актуальные фичи:

https://youtu.be/A9MSFp9Fs8k?si=h3O-zli5G35HXXEQ

Download an Entire Webpage with JavaScript, Including Inline CSS

https://medium.com/@neog.anupal101/download-an-entire-webpage-with-javascript-including-inline-css-d38866544c5a

#coding
#js

Scaling WebSocket Connections using Shared Workers

https://dev.to/ayushgp/scaling-websocket-connections-using-shared-workers-14mj

#coding
#js
#websocket

🥇 Лучший способ создания паттерна проектирования Singleton в JavaScript и TypeScript

Делимся эффективными методами реализации паттерна Singleton в JavaScript и TypeScript. Кроме того рассмотрим преимущества паттерна и потенциальные риски его использования.

🔗 Читать статью
🔗 Зеркало

Шпаргалка по переходу из веб в Telegram Mini Apps

Разработка может застопориться, если вовремя не изменить подход. Поэтому в Точке Нетворк решили упростить веб-сервис для локального сообщества предпринимателей, перейдя на Telegram Mini Apps.

В статье на Хабре фронтенд-разработчик Глеб Агеев рассказал, почему они это сделали и какой стек использовали.

🔗 Читать статью

Встречайте новый оператор безопасного присвоения

Какие плюсы использования оператора ?= и в каких кейсах его можно использовать.

https://jsdev.space/safe-assignment-operator/

🎉 Component Party — старый добрый ресурс для сравнения различных фронтенд фреймворков и библиотек, обновленный для Svelte 5 и Angular 17/Renaissance

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

👉 Component party

Нашёл прикольный ИИ-поисковик для кодеров — Devv.

Это смесь ChatGPT и Google, которая отвечает на ваши глупые вопросы о коде, фреймворках и прочем. Поиск настроен на релевантные ресурсы (GitHub, Hugging Face). Отдельный сок — можно кинуть ссылку на репо, а вам объяснят, как он работает.

Сервис хочет ваших денег, но там приятная бесплатная подписка, пользуемся.

Упрощаем себе создание grid-вёрстки на сайте с помощью CSS Grid Generator

Как видно на видео, он помогает посмотреть, как будет выглядеть итоговая сетка и после этого получить готовый CSS-код. Всё, что вам нужно: задать количество строк, колонок и расстояния между ними, а потом нарисовать расположение div-блоков.

Инструмент бесплатный, доступен по ссылке: https://cssgrid-generator.netlify.app/

#инструменты #css

Scaling Your Vue App: 4 Proven Patterns to Keep It Clean

https://michaelnthiessen.com/scaling-your-vue-app

SDUI, или Как бэкенд-разработчику почувствовать себя фронтендером

Server Driven UI (SDUI) — это пользовательский интерфейс, управляемый сервером. Он сокращает клиентскую логику и обеспечивает согласованность между клиентскими платформами (web, iOS, Android и т. д.) за счёт возврата информации о продукте (элементов экрана для отображения и их содержимом) из API.

Другими словами, эта технология позволяет UI сделать запрос к API и получить в ответ JSON, в котором содержатся компоненты экрана (кнопки, checkbox’ы, поля для ввода и т. д.), а также логика их отображения под необходимую платформу.

Как это работает, рассказали в статье.

#ui #бэкенд #sdui