я как-то

так а шо поменяется то ?

Уберут застарелые костыли и оверинженеринг

Уберут застарелые костыли и оверинженеринг

а что именно, className-class и onInput

я как-то

Ускорится же ещё

это ветер перемен ?

onChange ripююю

а что именно, className-class и onInput

Эвенты и тупые баги с прыгающим курсором

А меня убирание контроллируемого value у инпута огорчает

Это удобно же

Просто они не вывезли, причём лишь в этот раз

Поэтому нужно признать ошибки, по быстрому вернуться к работающему варианту и попробовать ещё раз

а во вью как это порешали ?

или там такая же фигня ?

Во ву контроллируемый инпут ооооочень не тривиально сделать. Боюсь в реакте тоже самое будет, т.к. проблемы тянуться от нативного ДОМ как раз

Зато у меня не проблема, я вообще по их поводу больше не парюсь

ну там бай дефолт работает onInput при биндинге моделей

и он на блюр тригерит ченж модели

вроде

Т.е. если ты хочешь запретить пользователю ввод каких-то символов, будь готов написать пол сотни лишних строк кода с глубоким пониманием дома

Зато у меня не проблема, я вообще по их поводу больше не парюсь

А еще всегда говоришь загадками

еще как йода надо порядок слов реверсить

и будет вообще ничего не понятно

и в таком стиле доку к еффектору написать

еще как йода надо порядок слов реверсить

Я ппц сколько времени отучался так писать, хз откуда нахватался)

20 страниц абстрактных разговоров и в конце автогенеренные типы

А еще всегда говоришь загадками

Без интриги не интересно

Я ппц сколько времени отучался так писать, хз откуда нахватался)

с непрямым порядком слов, чтоле ?)

Угу)

https://vignette.wikia.nocookie.net/ru.starwars/images/2/2b/Yoda_v_tumane_EotE.png/revision/latest?cb=20180313125337 силу еффектора поймешь не сразу ты а только если взор готов ты свой открыть

это что, onChange наконец-то будет onChange'ом, а не onInput'ом?)

Типа того

https://vignette.wikia.nocookie.net/ru.starwars/images/2/2b/Yoda_v_tumane_EotE.png/revision/latest?cb=20180313125337 силу еффектора поймешь не сразу ты а только если взор готов ты свой открыть

Готов взор открыть ты свой* Так по моему звучало бы)

https://github.com/facebook/jsx/issues/65

тот самый момент, когда вспоминаешь о https://github.com/facebook/jscodeshift

React Fire: Modernizing React DOM · Issue #13525 · facebook/react https://github.com/facebook/react/issues/13525

Возникла проблема, коннекчу к хранилищу контейнер, в контейнере вызываю компонент представление и передаю в него state через props. Вывожу список в представлении, дальше удаляю элемент списка, после диспатча действия получаю верные данные - элемент списка удален. НО! после удлинения элемента визуально пропадает первый элемент списка. То есть, если в списке 1 2 3, я удаляю 3, то вижу в компоненте список 2 3, если 2, тоже 2 3. Единицы нет, хотя действий с ней не происходит. В localStorage и store верные данные, то есть 1 на месте и удалились верные элементы. Что бы отобразить содержимое localStorage или store(Которое верное), мне приходится обновлять страницу, или заново отрисовывать компонент. Как это можно исправить?

Я пытался решить проблему с помощью staticgetDerivedStateFromProps , но не понял, почему в контейнере с коннектом, за пределами коннекта мне не доступна переменная store из него

Возникла проблема, коннекчу к хранилищу контейнер, в контейнере вызываю компонент представление и передаю в него state через props. Вывожу список в представлении, дальше удаляю элемент списка, после диспатча действия получаю верные данные - элемент списка удален. НО! после удлинения элемента визуально пропадает первый элемент списка. То есть, если в списке 1 2 3, я удаляю 3, то вижу в компоненте список 2 3, если 2, тоже 2 3. Единицы нет, хотя действий с ней не происходит. В localStorage и store верные данные, то есть 1 на месте и удалились верные элементы. Что бы отобразить содержимое localStorage или store(Которое верное), мне приходится обновлять страницу, или заново отрисовывать компонент. Как это можно исправить?

Может что-то напутал с key?

А пропсы корректные приходит во view?

Да

В сторону key не смотрел сейчас. Но последний раз они из id в пропсах брались и были корректны

Да

Скинь гист примерный

Всем привет! Кто-нибудь имел опыт с typescript+react(не просто побаловался и все, а реальные проекты на проде) ?

как правило на реальных продах typescript или flow

Всем привет! Кто-нибудь имел опыт с typescript+react(не просто побаловался и все, а реальные проекты на проде) ?

вот тут полностью тема раскрыта https://www.youtube.com/watch?v=9_GwX9O6DFE

Ребят, а может кто-то объяснить, что значат "контролируемый" и "неконтролируемый" инпуты?

Ребят, а может кто-то объяснить, что значат "контролируемый" и "неконтролируемый" инпуты?

контроллед, это когда ты сам следишь за состоянием value

посредством перехвата onChange и проноса value= в компоненте

Ну тип value+onChange, а неконтролируемый? Без перехвата?

ага, типо полностью контролишь значение инпута

Ну тип value+onChange, а неконтролируемый? Без перехвата?

неконтроллируемый, это когда ты не задаешь компоненту value вручную

Все равно чёт не вкуриваю, в чем суть деления

неконтроллируемый, это когда ты не задаешь компоненту value вручную

А, то есть когда родной value инпута просто работает

ну если ты сделаешь <input value={this.state.value} /> то ты ничего в такой инпут не введешь

ну если ты сделаешь <input value={this.state.value} /> то ты ничего в такой инпут не введешь

Ну да

Что, кстати, тупо. Во вью value просто вставляется в инпут и делай с ним что хочешь дальше.

в реакте тоже)

Можно менять, но если ты не добавил onInput, то офк не будет обновления

defaultValue воткнул и пускай живет себе

а вот если сделаешь <input value={this.state.value} onChange={val => this.setState({ value })} /> то будет контроллируемый компонент

в реакте тоже)

Вот только при инпуте нихуя не будет происходить

defaultValue воткнул и пускай живет себе

А лол, даже такой велосипед есть

Что, кстати, тупо. Во вью value просто вставляется в инпут и делай с ним что хочешь дальше.

ничего подобного

ничего подобного

Всм

в vue тоже можешь делать через model, а можешь через :value, @input

ERROR: S client not available

Вот только при инпуте нихуя не будет происходить

ну это реакт way, вообще быстро привыкаешь и все ок

кстати кто нить делал grid типа как у пинтереста?

в vue тоже можешь делать через model, а можешь через :value, @input

<input :value="huy" /> Я к тому, что в таком инпуте можно писать и текст будет появляться, несмотря на то, что huy не растет

в vue тоже можешь делать через model, а можешь через :value, @input

model это сахар над value+input

<input :value="huy" /> Я к тому, что в таком инпуте можно писать и текст будет появляться, несмотря на то, что huy не растет

в таком нет

Скинь гист примерный

@anton видимо уже завтра(

<input :value="huy" /> Я к тому, что в таком инпуте можно писать и текст будет появляться, несмотря на то, что huy не растет

в <input value="huy" />  да

в таком нет

В смысле нет

Проверю историю с key

Вот не заставляй меня открывать сендбокс с телефона

Ну тип value+onChange, а неконтролируемый? Без перехвата?

Да, без перехвата и получать значение через реф

в таком нет

https://codesandbox.io/s/4lwzzjz5p7 Ну и кто тут пиздабол

https://redex.github.io/ почему у меня такое ошушение что скоро реакт по дефолту будет онли reason)

Да, без перехвата и получать значение через реф

Я к тому, что если не менять value в стейте, то в инпуте ничего не появится при наборе

Я к тому, что если не менять value в стейте, то в инпуте ничего не появится при наборе

Ну да но реакт кинет варнинг

Именно, это как-то тупо имхо. Ну типа, зачем реакт перехватывает событие инпута и не дает набирать текст

Именно, это как-то тупо имхо. Ну типа, зачем реакт перехватывает событие инпута и не дает набирать текст

реат вообще не любит когда ты напрямую в дом чето там делать собрался)

А как с contenteditable дела?

А как с contenteditable дела?

норм, я вот только с кареткой курсора запарился в доску пока сделал нормальным)

А в чем суть onInput/onChange?

https://codesandbox.io/s/4lwzzjz5p7 Ну и кто тут пиздабол

ок, завтра гляну возможно я чего-то подзабыть успел

А в чем суть onInput/onChange?

Что бы не мучиться с букетом различных реализаций в различных браузерах, а унифицировать поведение

добрый день, есть статьи по проектированию компонентов, кроме "мыслим в стиле реакт"?

добрый день, есть статьи по проектированию компонентов, кроме "мыслим в стиле реакт"?

Там вроде описано достаточно. Какие тебе моменты не ясны

Доброе утро. Попытался подключить редакс к App.js и в итоге получил ошибку в консоли:

В чём может быть проблема? Уже второй день ищу ответ.

Тебе прямым текстом написано, что нельзя передавать undefined

null передавай, если ничего не хочешь

null передавай, если ничего не хочешь

C null ничего не поменялось.