А могут ли контейнеры содержать разметку? Или они должны строго работать с АПИ и пробрасывать данные через пропсы в обычные компоненты, которые уже содержат разметку?

Абрамов говорит строго, но тут (и я) многие не согласны. У меня так сделано: https://github.com/artalar/cra-boilerplate/blob/master/README.md#containers

Ох, подождите.

У нас, похоже, разное понимание контейнеров

Для вас контейнер, это компонент, который содержит в себе другие компоненты? Ну допустим Header -- HeaderLogo -- HeaderPanel ------HeaderPanelUserProfile -------HeaderPanelNotifications и тд?

Ну допустим Header — HeaderLogo — HeaderPanel —----UserProfile —-----Notifications

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

пойду гуглить )

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

может

Это все вопросы соглашения. Если у тебя конечно компонент не на 200 строчек верстки)) в таком случаее декомпозируй

Привет. Слушайте, такая проблема: хочу сделать биндинг инупта и объекта с данными, который выводится в таблицу. По изменению данных в инпуте меняю стейт инпута, затем меняю сейт объекта, который должен быть привязан. В итоге получается так, что инпут обновляет стейт, но когда обновляется объект, он не получает нового значения, потому что изменение стейта объекта и инпута происходят в одно и то же время. Как можно изменить сначала один стейт, а потом другой в одной и той же функции? if (input.dataset.type === 'name') { this.setState({changingName: input.value}) } else if (input.dataset.type === 'phone') { this.setState({changingPhone: input.value}); } this.setState(prev => { data: prev.data.filter(item => { if (item.id === this.state.changingId) { item.name = this.state.changingName; item.phone = this.state.changingPhone; } return item; }) })

this.setState(prev => { data: prev.data.filter(item => { if (item.id === this.state.changingId) { item.name = this.state.changingName; item.phone = this.state.changingPhone; } return {someProp: item} })

елки я аж запутался)

ого

у setState есть callback, можно вызвать имзеннение одного, а в callback второго

- setState c prev и this.state одновременно - мутация - фильтр без фильтрации

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

Привет ребят, вопрос. Использую redux, и перед рендеоом вызываю асинхронную функцию для получения некоторых данных

я чото аж подвывез, дичь написал сам

йо народ всем загушки, собес проводим кому не лень напишите свой 1 любьимый вопрос по реакту который можно задать на собесе ))

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

- можно ли использовать axios без редакса?

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

Тоесть подождать пока придут данные а уже потом рисовать

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

Не, это я практикую Реакт, ток изучаю

Как это решить?

xhr one love

Как это решить?

Лоадер

Привет. Слушайте, такая проблема: хочу сделать биндинг инупта и объекта с данными, который выводится в таблицу. По изменению данных в инпуте меняю стейт инпута, затем меняю сейт объекта, который должен быть привязан. В итоге получается так, что инпут обновляет стейт, но когда обновляется объект, он не получает нового значения, потому что изменение стейта объекта и инпута происходят в одно и то же время. Как можно изменить сначала один стейт, а потом другой в одной и той же функции? if (input.dataset.type === 'name') { this.setState({changingName: input.value}) } else if (input.dataset.type === 'phone') { this.setState({changingPhone: input.value}); } this.setState(prev => { data: prev.data.filter(item => { if (item.id === this.state.changingId) { item.name = this.state.changingName; item.phone = this.state.changingPhone; } return item; }) })

Адок

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

https://reactjs.org/docs/state-and-lifecycle.html#adding-lifecycle-methods-to-a-class

Лоадер

Сто за лоадер?

Сто за лоадер?

Пока данные загружаются показывай другой компонент if (state === 'loading') { return <Loader />; }

Сто за лоадер?

Going once, going twice, sold!

Не то

йо народ всем загушки, собес проводим кому не лень напишите свой 1 любьимый вопрос по реакту который можно задать на собесе ))

react internals

а что, кстати, обычно спрашивают на собеседованиях react-разработчиков?

а что, кстати, обычно спрашивают на собеседованиях react-разработчиков?

реконсилэйшен, виртуал дом, контекст, функциональные компонены, лайфсайкл

а что, кстати, обычно спрашивают на собеседованиях react-разработчиков?

Меня вот недавно спрашивали про REST апи ?

Про сессии

Меня вот недавно спрашивали про REST апи ?

хуже когда спрашивают просто про API

а что, кстати, обычно спрашивают на собеседованиях react-разработчиков?

саги, санки, общий кругозор, флоу/тс

Как нода работает

Ивент луп

роутер, вебпак, галп, ssr

Иммутабл

Короче всё, кроме React

Ну и конечно классику

Короче всё, кроме React

?

Замыкая, область видимости

Ну и конечно классику

“Что такое замыкание?”

Да

Контекст вызова

“Что такое замыкание?”

Прототипное наследование

async/awayt

Че там ещё

promise

async/awayt

Awayt

Сук

this

короче дохера

?

Хотя мб там джуна берут

если человек знающий пришел на собеседование, то с ним можно больше часа общаться

...дохера, что можно не спрашивать

если человек знающий пришел на собеседование, то с ним можно больше часа общаться

У меня один собес был 3 часа

задачи какие решал?

или просто общались?

задачи какие решал?

Была задачка

а что, кстати, обычно спрашивают на собеседованиях react-разработчиков?

Почему реакт говно? Мы хотим делать формы, вы уверены, что хотите работать с нами?

Почему реакт говно? Мы хотим делать формы, вы уверены, что хотите работать с нами?

А как относитесь к aurelia

У меня вообще дурацкая привычка просто ходить на собесы

У меня вообще дурацкая привычка просто ходить на собесы

Ну это норм.

Вот просто что б пообщаться

это наоборот хорошо)

А как относитесь к aurelia

А с бэкбоном опыт имеете? Они у нас вместе просто используются

?

⚠️ Думаю важная новость: https://github.com/conventional-changelog/conventional-changelog/issues/282 - у разработчика lerna, standard-version, conventional-changelog увели кредсы и залили хакнутую версию в NPM с майнером внутри. Если у вас есть файлик /tmp/.debug и он запущен каким-то процессом, мочите. ⚠️

s

⚠️ Думаю важная новость: https://github.com/conventional-changelog/conventional-changelog/issues/282 - у разработчика lerna, standard-version, conventional-changelog увели кредсы и залили хакнутую версию в NPM с майнером внутри. Если у вас есть файлик /tmp/.debug и он запущен каким-то процессом, мочите. ⚠️

блестяще!

О, standard

this.setState(prev => { data: prev.data.filter(item => { if (item.id === this.state.changingId) { item.name = this.state.changingName; item.phone = this.state.changingPhone; } return {someProp: item} })

изврат

Почему реакт говно? Мы хотим делать формы, вы уверены, что хотите работать с нами?

а ответы можно узнать на вопрос "Почему реакт говно?" ?)

изврат

подтверждаю, дичь полная)

а ответы можно узнать на вопрос "Почему реакт говно?" ?)

1) очень много бойлерплейта писать надо. 2) Кривая вхождения просто практически вертикальной прямой является. Хотя cra вроде как решило эту проблему. 3) бешенный конструктор. Тот же реакт роутер кардинально меняется каждую версию.

Это то, что просто в голову пришло.

1) справедливо в случае с redux-приложением

Реакт — самая отстойная библиотека для UI за исключением всех остальных

с 2 и 3 полностью согласен )

Реакт — самая отстойная библиотека для UI за исключением всех остальных

Я не буду холиварить. А то опять RO получу.

1) справедливо в случае с redux-приложением

1) С типичным redux-приложением

Пишите атипичные ?

бывают нетипичные?

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

1) С типичным redux-приложением

Когда зарелизишь - тогда и поговорим)

я просто одепт мобх)) и попутно редух-хейтер

1) справедливо в случае с redux-приложением

С не mobx