Компонент до клика не существует в дом дереве

А появится должен раскрываясь.

Да если просто позицию поменять то норм кмк

В любом случае жс и цсс через костыли всегда было, например с тем же самым display: none

повесь на него класс {this.state.search ? 'display' : 'hidden'} и в hidden добавь display: none, а в display анимацию

Так вопрос в том когда переключать их)

Поскольку анимации не будет если сразу создать с классом дисплей

так блин на то действие, на котором он должен анимирироваться, и вешай setState({search: true})

а изначально в конструкторе или в getInitialState сделай search: false

visibility: hidden opacity: 0

тогда в доме будет

так блин на то действие, на котором он должен анимирироваться, и вешай setState({search: true})

да, это если бы кнопка была самим компонентом, но это, с точки зрения идеологии react неверно, ведь мы не должны генерировать много html разметки тогда, когда она не используется. Поэтому разметка появляется только после клика.

еще раз

ВО ЧТО-ТО ТО ТЫ КЛИКАЕШЬ

как-то же поиск появляется

или при первой же загрузке выплывает?

ну да, в другой компонент.

ну в другой компонент когда кликаешь

у тебя меняется стейт поиска

При первой же загрузке должен выплывать

смеша стейта одного компонента по экшну в другом

что же это

уж не редакс ли

Стэйт поиска, не меняется. Он либо есть - либо нет.

у него есть стейт

"я есть?"

это стейт

логически

мало ли что компонента нет

в доме

это и есть стейт компонента "меня в доме ща нет"

Сейчас думаю, что нужна просто обертка: 1. компонент обертка для поиска и кнопки 2. компонент поиска 3. компонент кнопки Наверное, такая схема самая адекватная, тогда меняется состояние обертки

нуууу например да

и пропсом поиску пробрасывать показываешь ты его или нет

и от этого пропса класс и форкать

сделал так. Вроде, более уклюже. По крайней мере - нет таймаута.

но лучше глобальный стейт менеджер

редакс или мобх на вкус и цвет

наверняка у тебя похожих проблем миллионы будут

редакс или мобх на вкус и цвет

я пока для некрупного проекта думаю обойтись без redux

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

наверняка у тебя похожих проблем миллионы будут

стопудово. Мир полон проблем, которые постоянно нужно решать.

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

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

зчм?

или нужно было бы, чтоб весь поиск всегда находился в доме.

Ну как, пока компонента нет в доме, я не могу изменить ему состояние. По крайней мере, пока не пойму как. Менять состояние в методе componentDidUpdate нельзя

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

т.е. изменить состояние нужно только ПОСЛЕ того, как компонент уже есть в доме. Или я ошибаюсь?

так я говорю, вот у тебя есть компонент с display: none, реакт про него знает, все збс, он может ему стейт менять и т.п., а в доме его при этом нет

чем тебе не решение?

подскажите хорошую маску которую можно было бы заюзить с Preact'ом ?

Чюваки и дамы, я понимаю это чятик про реакт, но где реакт там чаще всего и вебпак, а где вебпак там и лоадеры. За сим вопрос: Можно ли как-то научить вебпак вставлять в сгенерированный CSS файл path до файла из которого был взят конкретный кусок стилей? Что-то вроде такого: /* /path/to/file.scss */ .some-cool-style { ... } Прошерстил доки для postcss, css-loader и style-loader и что-то ничего не нашел. Может плохо искал? Самое близкое нашел только у postcss: инлайн сорсмапы, но они чот не взлетели (т.е. параметр добавил и ничего не получил)

ты можешь написать свой лоадер, который просто в пайплайн добавишь последним или первым

который только и будет делать, что в файл бросать его путь и плеваться файлом дальше

Ох...

вот начинается предложение засунуть редакс где он не нужен "чтобы избежать лишних проблем" лал

он _пока_ не нужен

там уже очевидно

что ебалы будет достаточно

раз анимация в таких бесполезных местах есть

ебала это как раз протаскивание глобального стора вместо использования композиции с пропсами

но на вкус и цвет

ребята, подскажите как лучше в бд добавляю новый итем, мне от сервера приходит только ответ ОК, но мне нужно отобразить все мои старые итемы и новый, т.е. при успешном добавлении загрузить все итемы и отобразить. самый быстрый способ в экшене добавления итема вызвать экшен загрузки итмемов(так норм?) или как мне кажется правильный способ - в ридакс сторе создать флаг, что нужно загрузить итемы и грузить их контейнером(в нем создавать экшен загрузки), который за это отвечает

чем тебе не решение?

тем, что это ломает крутую концепцию несуществования элементов на странице, которые не используются. Это как раз и делает реакт реактом. Если я везде буду отображать компоненты с display = none, то у меня получится тот же jQuery.

раз анимация в таких бесполезных местах есть

анимацию на современных сайтах необходимо лепить везде. Иначе - он будет выглядеть утсаревшим

анимацию на современных сайтах необходимо лепить везде. Иначе - он будет выглядеть утсаревшим

всему есть мера

ERROR: S client not available

ребята, подскажите как лучше в бд добавляю новый итем, мне от сервера приходит только ответ ОК, но мне нужно отобразить все мои старые итемы и новый, т.е. при успешном добавлении загрузить все итемы и отобразить. самый быстрый способ в экшене добавления итема вызвать экшен загрузки итмемов(так норм?) или как мне кажется правильный способ - в ридакс сторе создать флаг, что нужно загрузить итемы и грузить их контейнером(в нем создавать экшен загрузки), который за это отвечает

а когда ты отрпавляешь новый item у тебя старые еще не существуют в сторе?

всему есть мера

выезжающий поиск стал, де-факто, стандартом на текущий момент

а когда ты отрпавляешь новый item у тебя старые еще не существуют в сторе?

существуют

выезжающий поиск стал, де-факто, стандартом на текущий момент

нууу такое, на самом деле нет

скорее выезжающий контекстынй поиск в меню

у того же гугла посмотри сколько анимации на сайте

но я не могу на основе своего запроса создать новый, так как мне нужно ид. которое мне отдает бд

Чюваки и дамы, я понимаю это чятик про реакт, но где реакт там чаще всего и вебпак, а где вебпак там и лоадеры. За сим вопрос: Можно ли как-то научить вебпак вставлять в сгенерированный CSS файл path до файла из которого был взят конкретный кусок стилей? Что-то вроде такого: /* /path/to/file.scss */ .some-cool-style { ... } Прошерстил доки для postcss, css-loader и style-loader и что-то ничего не нашел. Может плохо искал? Самое близкое нашел только у postcss: инлайн сорсмапы, но они чот не взлетели (т.е. параметр добавил и ничего не получил)

мне тоже интересен ответ. Найдешь решение - скинешь? А то свой лоадер писать я пока не понимаю, как

но я не могу на основе своего запроса создать новый, так как мне нужно ид. которое мне отдает бд

проблема в API. По-хорошему, тебе на успешное добавление должен вернуться, хотя бы, id вновь созданного item-а. По крайней мере, когда я писал API - я делал именно так. Некоторые бэкэнд библиотеки делают так по-умолчанию. Гони на бэк - они виноваты, что тебе придется костыли писать.

согласен, перепишем, но сейчас нужно сделать хоть как то :)

Если нет возможности повлиять на бэк - значит запрашивай последние несколько items с бэка и пиши функцию сравнения.

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

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

мб на брейнфаке

туше

мб на брейнфаке

Два чая этому господину

Всем приветы Я только начал вкатываться в рект, подскажите пож, если я создаю реакт-апп методом, описанным в документации, то на выходе я получаю рабочее приложение без бэк-энда, с уже настроенным бабелем и вебпаком? так ведь? Мне, получается, надо только редактировать App.js под свои хотелки?

типа того

Всем приветы Я только начал вкатываться в рект, подскажите пож, если я создаю реакт-апп методом, описанным в документации, то на выходе я получаю рабочее приложение без бэк-энда, с уже настроенным бабелем и вебпаком? так ведь? Мне, получается, надо только редактировать App.js под свои хотелки?

ты слишком анонимный, тебе не хочется отвечать

ты слишком анонимный, тебе не хочется отвечать

Ответь, я никому не скажу, что ты мне ответил

Пипец, всякие нпм мне мозги взрывают уже который день

во всех туториалах по-разному настраивают, разные конфигурации пишут в package.json

иди в гошечку, там проще

иди в гошечку, там проще

ниет, хочу реакт

иди в гошечку, там проще

и ему надо будет учить два языка вместо одного )

русский еще?

го надо учить?

не слышал о таком

го надо учить?

ждал этого комментария

но тем кому npm взрывает мозги наверное надо

представляю какой будет суп после redux

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

во всех туториалах по-разному настраивают, разные конфигурации пишут в package.json

аахха