+ всем кроме кеклика, чел, документацию не просто так придумали

значит ты неправильно встраиваешь

бляяя

куда ты писать собрался?

в реакте любое событие нужно отлавливать руками

<input value={this.state.value} onChange={e => this.setState({ value: e.target.value })} /> это не просто так написано в документации

никак

это не нужно

а с чего он должен?

У тебя непонимание как работает state и props. Ты в конструкторе инпут компонента устанавливаешь в стейт 1 раз значение из пропсов, которое у тебя вероятно изначально приходит как undefined или пустая строка. Потом у тебя приходит от родителя новый _comment, но стейт то не меняется у инпута. Надо начинать с доки реакта

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

изучить документацию реакта

иначе так и будешь биться лбом

ещё раз тебе пишу в InputComponent тебе не нужен state от слова совсем

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

господи

это не нужно

ибо теперь ты не сможешь вытащить значение из компонента

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

тебе здесь надо было сделать так: <InputCompnent text={_comment} onChange={this.handleChange} />

и всё никаких проблем

тогда стейт

тебе нужно где-то хранить состояние этого инпута

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

вот я сделал копию этого сайта на ваниле тока карусель и галерею, дальше стал учить реакт и забил его доделывать. Короче на ваниле сделано check. Как сделать на реакте быстрее чем делал на ваниле хз. И кто то писал для такого типа сайтов реакт не нужен. А как тогда быть если я хочу его как SPA? т.е. чтобы по переходам на линках странице не обновлялась а просто часть справа от менюшки перерисовывалась?

http://demo.themewagon.com/preview/photographer-best-free-responsive-photography-html5-template

А еще мне очень интресено, кто тут что пишет на реакте, не уж то все пишут gmail и ямузыку?

А еще мне очень интресено, кто тут что пишет на реакте, не уж то все пишут gmail и ямузыку?

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

а до этого писал: - b2b решение для обслуживания складов - сервис для менеджеров для создания и рассылки email - инвестиции для американских домохозяек - система обработки жалоб на разные компании (кафе, магазины, сервисы) с тремя сторонами обработки жалобы - electron приложение для полуручной сортировки файлов на диске

в общем можно очень разные решения писать на реакте. Но писать страницы с кучей зависимых форм больно пока что

А еще мне очень интресено, кто тут что пишет на реакте, не уж то все пишут gmail и ямузыку?

собственно github.com/howtocards/frontend

А еще мне очень интресено, кто тут что пишет на реакте, не уж то все пишут gmail и ямузыку?

я пишу щас с знакомым проект популярного алкогольного напитка на реакте со стайледами

А еще мне очень интресено, кто тут что пишет на реакте, не уж то все пишут gmail и ямузыку?

мне кажется на обычном todo уже понятно, в чем прелесть реакта, попробуй просто todo написать на vanilla js

я пишу щас с знакомым проект популярного алкогольного напитка на реакте со стайледами

Балтика 9?

Балтика 9?

ахахаха

NDA

но это не балтос

А че нибудь лёгкое для простых смертных то?

А че нибудь лёгкое для простых смертных то?

ну как раз туду

или загугли top petproject for react

я хз

А че нибудь лёгкое для простых смертных то?

https://github.com/gothinkster/realworld

собственно github.com/howtocards/frontend

ребята, плиз, накиньте звезд если нравится код

ребята, плиз, накиньте звезд если нравится код

уже и давно

уже и давно

спасибо

ребята, плиз, накиньте звезд если нравится код

done

спасибо

Давай, слежу за коммитами и перенимаю практику) особенно ветку по эффектору

я пишу щас с знакомым проект популярного алкогольного напитка на реакте со стайледами

бухашка + реакт + стайледы осталось посыпать эффектором и можно врубать варп ядро)

done

👍

собственно github.com/howtocards/frontend

Шикарный код)

ну как раз туду

Наверное стоит пояснить в чем моё непонимание. Вот я как то юзал жикверь и на нем бы моя карусель или галерея вышли бы куда короче. И там я вижу ДЛЯ СЕБЯ практическую пользу в виде удобнее и быстрее. Реакт как понимаю не для такий шалостей а для крутых приложух, но в браузере?

Кто использует хуки на проде уже ?

Шикарный код)

спасибо)

Кто использует хуки на проде уже ?

я. в обоих проектах

я. в обоих проектах

Какие-то проблемы встречал ?

Кто использует хуки на проде уже ?

я

Кто использует хуки на проде уже ?

+

лично я нет

Какие-то проблемы встречал ?

непривычно только. проблем не возникало

даже кастомные хуки

Отлично ) буду тогда переделывать на хуки потихоньку

они очень классные и меняют в некой степени представление о реакте

они очень классные и меняют в некой степени представление о реакте

Обычное функциональное программирование без нужны в классах )

Подумаю ещё наверно денёк другой и приступлю ) а то все стремлюсь что упадет где-то что-то

Каждый раз радуюсь, когда хуки юзаю... Они забавные, легкие и удобные, все намного проще

Но пока такого не случилось

Каждый раз радуюсь, когда хуки юзаю... Они забавные, легкие и удобные, все намного проще

Это кайфово ж

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

хуки вроде просты, вот только слегка непривычно

А кто какуюс вязку предпочитает ? Реакт редакс , реакт мобх ?

Связку ))

А кто какуюс вязку предпочитает ? Реакт редакс , реакт мобх ?

тута 100% будут форсить еффектор

Подумаю ещё наверно денёк другой и приступлю ) а то все стремлюсь что упадет где-то что-то

По-любому упадет, но если знаешь проект, код и конечную цель - то все просто

effector.now.sh

effector.now.sh

поэтому сделаю за место @graph_sova

Впервые про него слышу

😊

Впервые про него слышу

ну это неплохой такой стейт манагер

Сейчас почитаю о нем ))

А кто какуюс вязку предпочитает ? Реакт редакс , реакт мобх ?

effector

Воу , уже второй человек за него )