История одного компонента

Философия Фьзора - не трогать дефолтное поведение. Лучше один раз изучить стандарт (W3C), чем для каждого фреймворка запоминать отличия.

$mol: 10 лет спустя

Возможно это так, по себе не замечал, но в последние годы все чаще вижу хейт с женской стороны, или даже какую-то истерию по любому вопросу. Поэтому не мог не пройти мимо.

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

Еще не может не расстраивать непонимание сего поведения мужским населением, которые поощряют это (лайками).

Ускорение сайта или гайд по оптимизации скорости загрузки

Ничего не сказано про размеры библиотек и их компутационную сложность. Если использовать маленькие и оптимизированные библиотеки и не исполлзовать библиотек там где можно обойтись нативными средствами, то можно полностью избежать SSR например.

История одного компонента

Да, видимо так и работает. Возможно если сохранять позицию курсора и восстанавливать ее после присвоения, то проблема решится.

$mol: 10 лет спустя

Если у мужского склонна к уезжанию, тогда у женского она давно уже уехала. Уж простите бога-ради, за откровение.

История одного компонента

А что же вы опустили toUpperCase? С ним как раз будет точно такое же поведение.

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

История одного компонента

Вы уверены? Это стандартное поведение элемента <input /> при присвоении input.value = x.

История одного компонента

Да, есть такое, для наглядности этот компонент очень простой, в Реакт будет такое же поведение.

История одного компонента

Спасибо! Внутри компонента можно сбросить простым обнулением переменной либо "lift the state up". Снвружи можно передать объект типа ref.current в который компонент передаст свой "обнулятор" при создании. Ну или как у всех, подписаться на какой-либо из реактивных стейт менеджеров на mount.

$mol: 10 лет спустя

"Пилите Шура, пилите..." - Паниковский

Observable – не только удобный state-manager

Зачем сложнее когда можно проще?

Например чтобы не обновлять не нужные места, просто разделить данные на несколько Observable.

Observable – не только удобный state-manager

Предложу вариант Observable с примером использования:

export class Observable {
  #callbacks = new Set();
  notify() {
    for (const fn of this.#callbacks) fn();
  }
  subscribe(callback) {
    this.#callbacks.add(callback);
    return () => this.#callbacks.delete(callback); // unsubscribe
  }
}

А также вариант классического счетчика (не Реакт):

const ClickCounter = ({count = 0}) => (
  <button click_e_update={() => count++}>
    Clicked {() => count} times
  </button>
);

В таких простых компонентах с event handler-ами, достаточно обычных переменных для состояния вместо использования реактивных менеджеров состояния.

Никто не собирается откатывать повышенные ставки в IT

Удаленка это уже пройденный и стандартный этап. Сейчас ИИ и агенты. Те кто не сможет адаптироваться будут заменены более гибкими командами.

Понимание MVC и MVP (для разработчиков JavaScript и Backbone)

MVС на примере React:

1. Model - ts/js файл с апишками

2. View - tsx/jsx файл (часто объединен с Controller что приводит к длинной и запутанной простыне компонентов)

3. Controller - ts/js файл с хуками

Понимание MVC и MVP (для разработчиков JavaScript и Backbone)

Я в те бородатые года вэб 1.0 еще на пыхе во всю фулл-стачил. Только-только люди начинали баловаться с аяксом, и немного динамическим уэбом. Ах, флэшбэки, чарли справа на 2 часа.

Первый http сервер на С++, заметки для новичков

Ктож серверы под Виндой гоняет? Там же ГУЙ, на него надо еще пару-тройку (админы поправят) гигов памяти. А зачем?

Linux для начинающих: WSL — это читерство. Как Microsoft дал нам Linux без головной боли

Если не можете без винды, то установите ее в Virtualbox или Virtual Machine Manager под Linux и будет вам счастье.

Веб-разработка на ванильном HTML, CSS и JavaScript

Вэб компоненты сложны и многословны. Классы более сложные и менее гибкие абстракции чем функции (как например в Реакт). Создавать и обновлять ДОМ вручную тоже не легкое занятие если это не один единственный элемент. Но Реакт слишком много пытается на себя взять для библиотеки: стейт, асинхронность, исключения, компиляция, сервер... Предлягаю посмотреть легкую библиотеку где из Реакта взято только создание и обновление ДОМ. Ее можно использовать как отдельно, так и внутри Вэб Компонентов для управлени ДОМ.

Isomorphic-validation — Javascript библиотека, облегчающая валидацию пользовательского ввода

Подскажите, как декларативно (также как в 1 примере), можно проверить 2 поля пароля на равенство (form.password === form.password2) ?