Ребята, в общем сделал еще одно тест задание на работу. Маленький проект в котором нужно создать прогу которая ищет с помощью апи гитхаба данные о введеном логине и высвечивает их. Дизайн, сказали, не важен, главное "правильно продуманная архитектура компонентов и чтобы каждое принятое решение имело свое обьяснение". Гляньте плиз на сам проект и скажите что можно улучшить или нужно исправить? https://github.com/luptidu/test-task Если хотите установить то npm install и npm start Буду очень благодарен :)

Уже скинул или ещё можешь поправить?

Что-то я туплю, как мне рекурсивно по схеме генерировать компоненты и при этом подключать их индивидуально к стору ?

Что-то я туплю, как мне рекурсивно по схеме генерировать компоненты и при этом подключать их индивидуально к стору ?

Ну у каждого компонента будет какой-то ключ, который будет совпадать с ключом стора. Проходим рекурсивно и подключаем.

еще нет, еще дизайн буду делать

Что-то я туплю, как мне рекурсивно по схеме генерировать компоненты и при этом подключать их индивидуально к стору ?

Что-то я задумался над нормализацией дерева компонентов ??

Что-то я туплю, как мне рекурсивно по схеме генерировать компоненты и при этом подключать их индивидуально к стору ?

[key]

{[key]:value}?

+

Столкнулся с тем, что если на поле ввода повесить onChange, но его value будет меняться изнутри через = this.state.value, то onChange не срабатывает. Есть какое-то другое событие, которое будет срабатывать? Или ссылку на список всех событий реакта , я поискал, но не нашёл.

Столкнулся с тем, что если на поле ввода повесить onChange, но его value будет меняться изнутри через = this.state.value, то onChange не срабатывает. Есть какое-то другое событие, которое будет срабатывать? Или ссылку на список всех событий реакта , я поискал, но не нашёл.

this.state = Object.assign( {}, oldState, { value })

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

А, ну да, я же выше написал, поле работает правильно, его value обновляется и синхронизируется со стейтом, просто не срабатывает обработчик, повешенный на это поле. Не вижу тут какого то недостатка реакта, скорее я просто что-то не оттуда жду.

Код есть? Что то стало интересно что там у вас не взлетает?

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

Заработало?!)))

Не, я убрал логику с этим полем. А то выглядело как костыль.

Ребята, такой вопрос, как юзать бутстрап в реакте? Прямо в компоненте добавлять дополнительные дивы нужные для создания строк и колонок?

Всем привет! Есть ли какие то хорошие альтернативы create-react-app?

Как лучше записать: this.setState({ smiles: { ...this.state.smiles, [smile]: !this.state.smiles[smile] } }) или this.setState({ isChanging: true, smiles: Object.assign({}, this.state.smiles, {[smile]: !this.state.smiles[smile]}) })

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

так тут нет prevState

ну, в плане, аргументом именно

И используй спред

спред, то есть, первый вариант ?

Да

а есть вариант использовать после setState функцию, как при работе с объектом?

типа setState({}, callback)

Да

setstate(updater, cb)

только в этом случае стейт не обновленный еще получаю

Не может быть

Код this.setState( (prevState) => { return { isChanging: true, smiles: { ...prevState.smiles, [smile]: !prevState.smiles[smile] } } }, console.log(this.state.smiles)) Выхлоп в консоли: {0: false, 1: false, 2: false, 3: false, 4: false} Выхлоп в React Dev Tools: 0: true 1: false 2:false 3:false 4:false

() => con

Спасибо. Я думал любая функция подойдет, не обязательно так

Любая функция и подойдёт

() => cb

А setState не всегда гарантирует что на каждый его вызов будет обновление стейта ))00