Google Apps Script и с чем его едят

#почитать

Если представить Google большим айсбергом, то на его верхушке точно разместятся всеми любимые и популярные инструменты, вроде Google Sheets и Google Calendar, а Google Apps Script скроется где-то под толщей воды. Но я считаю, что больше людей должны попробовать этот классный инструмент. Поэтому в этой статье расскажу о его главных достоинствах и поделюсь практическими примерами.

Несмотря на популярность продуктов Google, с Apps Script работают немногие в России. Даже слышали о нем не все. Хотя он доступен, и главное — он бесплатный и очень полезный.

⏱Читать статью

Redux vs Mobx - что выбрать для React-приложения в 2024 году

#почитать

▪️Redux предлагает прозрачный и предсказуемый поток данных, который облегчает отладку, тестирование и масштабирование приложений, но требует большого количества кода и бойлерплейта, а также может приводить к проблемам производительности и избыточным перерисовкам.
Кому он подходит?
Redux (Redux Toolkit) подходит для проектов, которые хотят иметь более строгий, формальный и надежный код, структурированный и стабильную архитектуру, а также более контролируемый и оптимизируемый поток данных.
Также лучше подходит для проектов, которые требуют высокой производительности, сложной логики или большого масштаба, а также для проектов, которые хотят следовать проверенным и стандартным практикам, в частности, кто предпочитает функциональный стиль программирования.

▪️Mobx предлагает простой и удобный поток данных, который снижает количество кода и бойлерплейта, а также оптимизирует перерисовки, но может приводить к непонятности и неочевидности изменений состояния, а также к зависимости и несовместимости приложений.
Кому подходит?
Mobx (mobx-state-tree) подходит для проектов, которые хотят иметь более декларативный, интуитивный и выразительный код, а также более автоматическую и гибкую синхронизацию состояния и представления.
Также лучше подходит для проектов, которые не требуют высокой производительности, сложной логики или большого масштаба и для проектов, которые хотят экспериментировать и инновировать, в частности, кто предпочитает объектно-ориентированный стиль программирования.

⏱Читать статью

Next.js. Технология современной веб-разработки

#почитать

Next.js обладает множеством функций, которые делают его привлекательным для разработчиков. Являясь библиотекой для создания пользовательских интерфейсов, Next.js также может считаться бэкенд инструментом благодаря наличию Node.js и способности аутсорсить часть выполняемой логики на сторону сервера.

1. Рендеринг на стороне сервера (SSR) и генерация статических сайтов (SSG)
2. Автоматическое разделение кода
3. Встроенная поддержка CSS
4. Горячая замена модулей (HMR)
5. Роутинг на основании файловой системы

⏱Подробно

Новые клиентские хуки React 19

#почитать

Вопреки распространенному мнению, основная команда разработчиков React занимается не только серверными компонентами React и Next.js. В следующей версии — React 19 — появятся новые клиентские хуки.

Они сфокусированы на двух ключевых аспектах: выборке данных и работе с формами.

Эти хуки повысят производительность всех React-разработчиков, включая тех, кто создает одностраничные приложения.

Новые хуки:

use(Promise)
use(Context)
Form Actions
useFormState
useFormStatus
useOptimistic
Async Transitions

⏱Читать статью

Как создать YouTube GIF Maker с использованием Next.js, Node и RabbitMQ

#почитать

Идея приложения:
Дать пользователям возможность создавать GIF-файлы из видеороликов с YouTube. Для этого нужно просто указать ссылку на нужное видео, а также задать время начала и окончания GIF.

Функциональные возможности приложения:
Создание GIF из видео на YouTube с определённым временным диапазоном.
Предварительный просмотр результата перед выполнением фактической конвертации.

⏱Читать статью

Внедрение архитектуры Jamstack в веб-разработке

#почитать

Jamstack - это надежная архитектура веб-разработки, созданная для создания безопасных, более быстрых и масштабируемых веб-приложений. Он состоит из трех аспектов разработки, которые включают JavaScript, API и Markup (JAM).

▫️JavaScript - Он управляет всеми динамическими аспектами и функциями сайта Jamstack. Разработчики могут легко использовать свой предпочтительный фреймворк для разработки веб-приложений.

▫️API - С помощью многоразовых API операции на стороне сервера оптимизируются для подключения интерфейса и бэкэнда приложения.

▫️Markup - Для пользователей веб-сайт Jamstack представлен в виде HTML-файлов. Таким образом, можно создать их из структурированных данных, таких как XML, Markdown, JSON или даже исходных файлов, с помощью генератора статических сайтов.

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

⏱Читать статью

Оптимизация больших объемов данных во фронтенде

#почитать

Для оптимизации загрузки большого количества данных возможно использование следующих подходов:

Lazy Click Me Load More. Lazy Click Me Load More позволяет загружать данные по мере необходимости, а не все сразу. Это может значительно улучшить производительность при работе с большими объемами данных. В PrimeNG вы можете включить lazy loading, установив свойство lazy в true и обрабатывая событие onLazyLoad.
Pagination. Пагинация – это еще один способ управления большими объемами данных. Вместо загрузки всех данных сразу, можно загружать и отображать только небольшое подмножество данных за один раз.
Virtual Scrolling. Виртуальная прокрутка – это техника, при которой отображаются только видимые строки. При прокрутке старые строки удаляются, а новые добавляются. Это может значительно улучшить производительность при работе с большими объемами данных.

⏱Читать статью

Пятница: 7 легендарных уравнений на JavaScript

#почитать

▫️Теорема Пифагора
▫️Логарифмы
▫️Математический анализ
▫️Универсальный закон всемирного тяготения Ньютона
▫️Комплексные числа
▫️Нормальное распределение
▫️Уравнение Шрёдингера

⏱Читать статью