Здравствуйте.Из этой статьи вы узнаете об определенном архитектурном подходе, который я назвал MVA.Вы, возможно, узнаете в данном подходе Flux или MVI, но я считаю, что это что-то другое. Почему - вы узнаете дальше.На самом деле не важно как это всё называется, придумал ли я что-то новое или нет.Я пришел к определенному архитектурному подходу, решил поискать нечто подобное и точно такого же не нашел. Решил поделиться, потому что считаю его очень удобным и простым.Эта статья является расширением…
Большинство процессов в нашем современном мире стремится к автоматизации. Хотелось бы разместить здесь свою наработку. Надеюсь данный материал найдёт своего читателя. В данной статье рассмотрим автоматизацию введения ежедневных отчетов компании.Какие проблемы решает скрипт?Избавление сотрудника от рутинной задачи.Минимизация ошибок, которые мог бы случайно допустить человек.Оптимизация затрат компании, сократить расходы на содержание штата сотрудников: менеджеров и бухгалтеров.В данной статье …
Во время работы с кодом проекта периодически могут возникать ситуации, когда для улучшения структуры кода и его читаемости необходимо использовать метод объекта вне его контекста. Например, есть метод объекта, который подходит для решения задачи, но его привязка к конкретному объекту ограничивает возможности его применения. Или, наоборот, может понадобиться взять обычную функцию и превратить ее в метод объекта.Функциональное программирование предлагает элегантные решения в виде двух техник: дем…
Solid principlesХочется вспомнить SOLID принципы и рассмотреть, как можно их применять в разработке интерфейсов на примере React компонентов.S: Single Responsibility Principle (Принцип единственной ответственности). Означает, что каждый класс/функция/компонент должны выполнять только одну конкретную задачу.На примере React компонента: компонент, который отрисовывает пользовательский интерфейс, не должен содержать в себе логику авторизации этого пользователя.O: Open-Closed Principle (Принцип отк…
В чём состоит проблемаИз всех последних изменений, которые будут внедрены в ECMAScript, моим любимым с большим отрывом от остальных стало предложение Temporal. Это предложение очень прогрессивное, мы уже можем воспользоваться этим API при помощи полифила, разработанного командой FullCalendar.Этот API настолько невероятен, что я, наверно, посвящу несколько постов описанию его основных возможностей. Однако в первом посте я расскажу об одном из его главных преимуществ: у нас наконец появился нати…
Mini Apps (или же Web Apps) - это относительно новый и удобный способ добавления веб приложения прямо в интерфейсе Telegram. Используя JavaScript, становится возможным создавать бесконечное множество интерфейсов, которые смогут заменить полноценный веб-сайт.Особенность Mini Apps заключается в том, что они поддерживают авторизацию, платежи одной кнопкой и возможность работать с данными пользователя, открывшего мини-приложение.И сегодня мы попробуем создать приложение, взаимодействующее с данными…
В этом посте я бы хотел порассуждать о тенденции, которую постоянно наблюдаю в мире разработки ПО. На самом деле, я бы даже рискнул сказать, что подобная ситуация происходит и в мире оборудования, но буду рассматривать только программные системы, потому что работаю с ними. В этой обсуждении я затрону человеческую психологию и опишу распространённую ловушку, которой вы, надеюсь, сможете избежать. Большую часть моей карьеры, как в науке, так и в отрасли, я занимался оптимизацией языков программ…
Привет друзья!В данной статье я хочу показать вам, как разработать форму с динамическими добавлениями полей на React.js с использованием библиотеки react-hook-form и валидацией полей с использованием библиотеки yup на конкретном примере.Формы являются неотъемлемой частью веб-разработки, и эффективная обработка пользовательского ввода является ключевым аспектом создания интерактивных приложений. Библиотека React Hook Form предоставляет разработчикам мощный инструментарий для упрощения работы с …
Или чистый JavaScript с двумя вспомогательными функциями?В этой статье я расскажу о том, как разрабатывать веб-компоненты с использованием библиотеки Fusor и преимуществах данного подхода.Такие компоненты можно будет затем собирать в полноценные веб-приложения, сопоставимые с теми, что созданы с использованием React, Angular, Vue, Solid, Svelte и т.д.АПИ Fusor состоит всего из двух основных функций:Создать DOM-элемент, обернутый в специальный объект.Обновить DOM-элемент, обернутый в специальный…