DG
т.е. функция #1 тут возвращает новую функцию
Size: a a a
2020 October 07
ЕГ
т.е. функция #1 тут возвращает новую функцию
благодарю! А не могли бы наглядный практичный пример привести?
DG
например конструктор изменения состояния формы
const setFormStateField = (fieldName) => {
return (value) => {
// делаем что-то для изменения каждого поля
form[fieldName] = value;
}
}
const setFormStateField = (fieldName) => {
return (value) => {
// делаем что-то для изменения каждого поля
form[fieldName] = value;
}
}
DG
вызываем вот так:
const changeUsername = setFormStateField("username")
...
changeUsername("vasya")
const changeUsername = setFormStateField("username")
...
changeUsername("vasya")
AS
Тут речь была именно о "менеджменте" глобального состояния. Для реакта придумали кучу библиотек (по типу redux), которые выполняют эту задачу, т.к. реакт изначально задумывался как основа для сложных динамических приложений с кучей состояния. Такие библиотеки в основном нужны для шэринга информацией между разными подсистемами компонентов. К примеру, если у тебя есть хедер, в котором указано твое имя, а ты бы хотел, чтобы оно менялось при изменении имени в настройках пользователя, то можно было б привязать оба компонента к общему "хранилищу" (типа redux), которое бы оповещало нужные компоненты (хедер и страница настроек) об изменении информации пользователя.
Ага... Понял.
И все это дело ре-рендерится без принудительного рендера? (Ре-Рендера всей страницы) и из редакса все компоненты прокидываются как обычные пропсы в разметку?
И все это дело ре-рендерится без принудительного рендера? (Ре-Рендера всей страницы) и из редакса все компоненты прокидываются как обычные пропсы в разметку?
ЕГ
например конструктор изменения состояния формы
const setFormStateField = (fieldName) => {
return (value) => {
// делаем что-то для изменения каждого поля
form[fieldName] = value;
}
}
const setFormStateField = (fieldName) => {
return (value) => {
// делаем что-то для изменения каждого поля
form[fieldName] = value;
}
}
Это то есть про замыкание?
DG
Это то есть про замыкание?
да
ЕГ
Эх, спасибо, пойду вкуривать)))
DG
Andrew Smith
Ага... Понял.
И все это дело ре-рендерится без принудительного рендера? (Ре-Рендера всей страницы) и из редакса все компоненты прокидываются как обычные пропсы в разметку?
И все это дело ре-рендерится без принудительного рендера? (Ре-Рендера всей страницы) и из редакса все компоненты прокидываются как обычные пропсы в разметку?
зависит от того, используется ли мемоизация (React.memo или shouldComponentUpdate)
AS
например конструктор изменения состояния формы
const setFormStateField = (fieldName) => {
return (value) => {
// делаем что-то для изменения каждого поля
form[fieldName] = value;
}
}
const setFormStateField = (fieldName) => {
return (value) => {
// делаем что-то для изменения каждого поля
form[fieldName] = value;
}
}
Т.е. редакс, как я понял мини бд внутри кода?
DG
Andrew Smith
Т.е. редакс, как я понял мини бд внутри кода?
да, с иммутабельным состоянием (это уже о ФП читать надо), а почему иммутабельность помогает - в доках redux
AS
да, с иммутабельным состоянием (это уже о ФП читать надо), а почему иммутабельность помогает - в доках redux
ФП это что?
DG
Функциональное Программирование/Парадигма
AS
Функциональное Программирование/Парадигма
А, понял)
AS
да, с иммутабельным состоянием (это уже о ФП читать надо), а почему иммутабельность помогает - в доках redux
Понял все. Спасибо огромное за разъяснение всего, надеюсь не отняло много времени.
Завтра попробую редакс прикрутить и поработать с ним. Видимо очень и очень полезная штука.
Завтра попробую редакс прикрутить и поработать с ним. Видимо очень и очень полезная штука.
AS
Функциональное Программирование/Парадигма
А с сео потом действительно большие проблемы могут быть, да?
AS
Сейчас скину)
DЛ
Andrew Smith
А с сео потом действительно большие проблемы могут быть, да?
сео вообще нет на реакте, некст джи эс надо или чтото типо этого, можно вручную ещё сделать сср
AS
сео вообще нет на реакте, некст джи эс надо или чтото типо этого, можно вручную ещё сделать сср
я понял. Спасибо)