А что важно? В чём настолько принципиальное отличие хуков от методов класса?
меньше кода
переиспользуемость
и объявление желаемого результата
Sergey
Sergey
лучший пример это useEffect
сравни реализацию в классах
Sergey
классы: shouldComponentUpdate if props !== nextProps, then ....
хуки: вызови функцию когда меняется deps
Алексей
это потому что улучшили апи
Sergey
апи стало декларативным ¯\_(ツ)_/¯
Andrey
да не, это опционально.
Ну без do нотации этим просто очень не удобно было бы пользоваться.
Но какая разница, денчик сказал что монады слишком сложно.
Алексей
меньше кода
переиспользуемость
и объявление желаемого результата
меньше кода - да, переиспользуемость у хоков получше будет, объявление желаемого результата - вообще мифическая херня какая-то, особенно при наличии функций setX из useState, которые собственно этот самый стейт собственно меняют
Sergey
Sergey
ты не описываешь как именно хранить стейт
как сравнивать initial
как обновлять стейт
Sergey
ты просто говоришь, что он есть.
это и есть декларативность
Sergey
useState возвращает императивные конструкции, да.
но создается декларативно
Sm•ok
Sm•ok
Поэтому уточняю
Sergey
можно и без классов писать хоки
Алексей
ты не описываешь как именно хранить стейт
как сравнивать initial
как обновлять стейт
Я и так не описываю как именно хранить стейт, я тупо пишу в теле класса state = { ... }, мне пофиг как он там хранится. Как сравнивать initial исчезло благодаря улучшению апи (апи можно было бы с таким же успехов и в классах улучшить). А обновление стейта лишь косметически поменялось.
Evgeniy 🍀
ты не описываешь как именно хранить стейт
как сравнивать initial
как обновлять стейт
но это абстракция, а не декларативность. То же самое может быть достигнуто через const {value, handler} = new AbstractStateFactory(0), например
Алексей
Просто стейт раздробили и всё.
Sergey
Sergey
Это тоже будет декларативное описание
Sergey
Но useEffect лучше показывает
Sergey
Опишите то же самое не используя подход зависимостей
Evgeniy
Всем привет, подскажите библеотеки по работе с формами и валидации в mobx !
Mishka
а есть тут css-grid профессионалы ?
Mishka
как мне сделать ячейку размера по контенту ?
Mishka
Mishka
хочу чтобы не было гигантского разрыва между цифрой и текстом справа
Vadym
Сильно большой связанный reducer. Есть какой-то паттерн для redux ?
Alexey
prerender-spa-plugin юзал кто-то?
Alexey
да вот разобраться пытаюсь
Pauline
Он хочет сказать, что лучше конкретные вопросы задавать)
J. A. R. Kotlien
Mishka
Mishka
не знал про min-content
J. A. R. Kotlien
не знал про min-content
Тут подробно довольно.
https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns
Alex
всем привет. есть у кого примеры react hooks для CRUD Edit? Проблема в том, что надо данные загрузить в форму, при изменении формы отправить на сервер, обновить эти данные на клиенте (обычный rest api)
Vlad
официальная дока, расписано все
Evgeniy 🍀
всем привет. есть у кого примеры react hooks для CRUD Edit? Проблема в том, что надо данные загрузить в форму, при изменении формы отправить на сервер, обновить эти данные на клиенте (обычный rest api)
Ну вот, с хуками даже формошлепство - уже проблема ((
Alex
спасибо, но разве тут хуки?
Sergey
Лучше научиться нормально
Евгений
Прочитать доку это прям углубиться, ага..
Евгений
Правда перед реактом надо js знать хоть немного
Евгений
У Реакта норм дока
Евгений
И статей гуглиться дофига обучающих
Евгений
Я тож с бэкенда
Vlad
тебе что, епамовских лекций не хватило?) Там дока разбита по разделам, их не много, и материала, по факту, не много)
но если так...ну залезь на ютуб, аля реакт для начинающих и глянь пару уроков. Чисто почитать в инете, чтобы коротко и ясно по основным фичам....та нигде)
Alex
ну данные то я загружу, нужен эффект чтобы их закинуть в стейт (потому что данные - const)?
wolfe
Это субъективно и зависит от опыта. Про три дня уж чересчур
Kehlani 🇺🇦
Используй create-react-app, чтобы не возиться с конфигами
Alex
окей, после сабмита формы отправляю put запрос, сервер возвращает обновленные данные. то есть у нас 3 const переменных для данных:
1. для начальной загрузки
2. для нового стейта из начальной загрузки
3. для локальных значений формы, которые потом попадут в put запрос
Kehlani 🇺🇦
Нет, CRA облегчает конфигурацию приложения, сборку и тд
Alex
да вроде App.js на классах сделана
Андрей Чайковский
меньше кода
переиспользуемость
и объявление желаемого результата
децентрализованность, декларативность, эффективность. требовался инструмент, позволяющий управлять данными в сложных приложениях без опасности раздуть набор императивных методов, объявлений переменных и операторов присваивания, с нормальной типизацией и емким апи
Богдан
Ребят, доброго времени суток.
Подскажите пожалуйста где можно найти "проекты-эталоны", так сказать на которые можно равнятся в плане best practices и структуризации проекта.
Если таковые вообще имеются.
Oleg
Alexey
Mihail
земля винни пухом
Pauline
Андрей
Слева классы, справа хуки. Цвет отвечает за тип логики.
Андрей
Как видишь, из-за методов в классах логика размазывается. Справа мы можем всё напиать сгруппировано.
Андрей
https://twitter.com/prchdk/status/1056960391543062528
Dmytro
Андрей
Есть ссылка на статью?
https://github.com/artalar/blog/blob/master/src/pages/semantics-in-programming.md
Андрей
Но это не различиях хуков.
Pauline
https://ru.reactjs.org/ ?
Pauline
😂😂😂
Pauline
интерфейс сменили, но я не знаю, был ли ты на этом сайте или каком-то другом
Oleg