справляетесь с огромным количеством логики в компонентах? К примеру есть компонент с десяткой кнопок и инпутов, и для каждого из них нужен хандлер с абсолютно разной логикой. И уже появляется множество функции не считается useEffect’ы, которое переваливает за 200+ строк кода. Можно конечно разделить всё на маленькие компоненты, но так как все зависят от родителя то пропсов будет очень много. Хочу как вы с этим справляетесь
Привет, у меня тот же вопрос
Выноси логику из реакта, компоненты не должны её содержать, это путь в мешанину, сломанную ответственность и усложнение всего
Можете поделиться, что значит «вынести логику из реакта»? Тоже пока нуб в Реакте, тот же вопрос, не понимаю 🙏🏻
Что за состояния, что за события, что должно происходить при тех или иных событиях с теми или иными условиями. Любые бизнес-процессы. Если расценивать реакт только как ui, - жизнь становится проще
В смысле «создавать html элементы из js?»)
Редукс
Ну вот пример утилиты что создает HTML элемент без заполнения function createElement(tag, className, attributes = {}) { const element = document.createElement(tag); element.classList.add(className); Object.entries(attributes).forEach(function (attr) { element.setAttribute(...attr); }); return element; } А вот утилиты одного из домашних проектов, написан полностью на js, кроме базовой разметки куда скрипты подключаются, ну и плюс немного магий через css.
Декомпозиция , стм, вынос логики нахер из приложения ;)
Ооо я делал такие на ванили давно.
Обсуждают сегодня