+

i7 тоже выручает)

Что за хрень? Реакт зпишет, что компонент не смонтирован, когда он смонтирован.

Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for the AutoComplete component.

накажи его

но почему так происходит? о.0

может потому что ремаунт происходит где-то выше?

В рендере всего-то: <TextField onChange={this.handleUpdateInput} /> А handleUpdateInput просто обновляет стейт.

Мб он уже успел анмаутиться?

может выше где-то

И заново замаунтиться с пропусками новыми

Пропсами*

Нет для этого причин, вроде. Какие могут быть?

Выведи в консоль анмаунт

Проверь

Народ, хелп. Толи я тупой, толи лыжи не едут. Вот такая штука: import user from './icons/user.svg'; возвращаю из компонента: <svg fill={color} width={size} height={size}> <use xlinkHref={user} /> </svg> Все заполнено, типа цвета, размера и т.д. В итоге в разметке эл-т есть, свг-шка есть, путь правильный, но она не отображается блд

Народ, хелп. Толи я тупой, толи лыжи не едут. Вот такая штука: import user from './icons/user.svg'; возвращаю из компонента: <svg fill={color} width={size} height={size}> <use xlinkHref={user} /> </svg> Все заполнено, типа цвета, размера и т.д. В итоге в разметке эл-т есть, свг-шка есть, путь правильный, но она не отображается блд

https://stackoverflow.com/questions/26815738/svg-use-tag-and-reactjs

всё-таки да

Выведи в консоль анмаунт

componentWillUnmount() { console.log('wtf') } Неа.

А styled-components можно postcss'ом обрабатывать?

это вообще не css :)

А styled-components можно postcss'ом обрабатывать?

итак обрабатывается

ммм, т.е. если у меня есть postcss.config он подтянется при сборке?

я просто пока не работал с SC

ммм, т.е. если у меня есть postcss.config он подтянется при сборке?

нет

Всем привет! Может кто-нибудь пояснить специфику componentWillUnmount и зачем его нужно применять

Всем привет! Может кто-нибудь пояснить специфику componentWillUnmount и зачем его нужно применять

кинуть экшен в ридакс например перед тем как компонент будет выдран из дом или убрать листенеры с элементов, чтобы не было cannot setState on unmounted component

кинуть экшен в ридакс например перед тем как компонент будет выдран из дом или убрать листенеры с элементов, чтобы не было cannot setState on unmounted component

то есть реакт сам не чистит?

то есть реакт сам не чистит?

лол а откуда ему знать, если ты добавил листенеры где-то в componentDidMount() через div.addEventListener?

лол а откуда ему знать, если ты добавил листенеры где-то в componentDidMount() через div.addEventListener?

только в этом случае, когда напрямую к дому обращаешься?

только в этом случае, когда напрямую к дому обращаешься?

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

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

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

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

учи матчасть js

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

Не очевидно, что то, что делается не через него, через него не проходит? Такие себе у тебя понятия об очевидности...

кто умеет предсказывать будущее при работе с джаваскриптом ? :)) что произойдёт если выполнить этот код? (function gg(){ console.log('lala');}()) gg();

Два раза лала

Ну вроде кае

кто умеет предсказывать будущее при работе с джаваскриптом ? :)) что произойдёт если выполнить этот код? (function gg(){ console.log('lala');}()) gg();

> lala > ReferencError

Функция гг попадёт в фанкшен декларакейшен, тут же вызовится, и выховется ещё раз там где гг()

Разве такие скобки описывают область видимости?

Функция гг попадёт в фанкшен декларакейшен, тут же вызовится, и выховется ещё раз там где гг()

нет

Хотя стоп, наверно да

Функция гг попадёт в фанкшен декларакейшен, тут же вызовится, и выховется ещё раз там где гг()

это named function expression

> lala > ReferencError

+

Хотяяя

По переменным точно ошибка была бы, а вот как себя декларакейшен ведёт

9абыл

Скорее всего лала дальше ошибка

Не зря же Вебпак все прячет в эти скобы %

наверно самовызывайка не создаёт функцию а просто вызывается и умирает )

наверно самовызывайка не создаёт функцию а просто вызывается и умирает )

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

Да, не портя лексическое окружение скоупа

д. ) я ща багу в проде исправил на эту тему ))

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

NoTest driven development

кто умеет предсказывать будущее при работе с джаваскриптом ? :)) что произойдёт если выполнить этот код? (function gg(){ console.log('lala');}()) gg();

Один раз, а второй вызов упадет

(function gg(){ console.log('lala'); }); так кстати тоже не дефайнит функцию... :)

значит самовызывайка непричём. а скобки причём

значит самовызывайка непричём. а скобки причём

Почитай об function expression

Почитай об function expression

читанул.. получается что функция обёрнутая в круглые скобки считает себя функтион-экспрешином и ждёт пока её присвоят к чемунить

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

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

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

Redux: connect StyledComponents: withTheme Recompose: *

чтобы сто раз не писать togglable, searchable, selectable, filterable компоненты, ну самое примитивное

ERROR: S client not available

есть какой нибудь пример реальный?)

Redux: connect StyledComponents: withTheme Recompose: *

есть какой нибудь пример реальный?)

Redux: connect StyledComponents: withTheme Recompose: *

Не успел)

у тебя в системе есть 2 компонента, в которых есть некий список и фильтр сверху, ты можешь чтобы 2 раза логику фильтрации списка не писать, обернуть оба таких компонента в HOC, внутри которого будет регулироваться только логика фильтрации в зависимости от указанных входящих props, и дальше отфильтрованные списки будут капать в эти компоненты

это если абстрагироваться от массовых

у тебя в системе есть 2 компонента, в которых есть некий список и фильтр сверху, ты можешь чтобы 2 раза логику фильтрации списка не писать, обернуть оба таких компонента в HOC, внутри которого будет регулироваться только логика фильтрации в зависимости от указанных входящих props, и дальше отфильтрованные списки будут капать в эти компоненты

теперь более менее понятно, спасибо

или например у тебя есть пятьдесят компонентов в системе у которых есть в стейте один единственный логический флаг, который будет переключать компонент из одного состояния (например свернут/развернут) в другое, ты вместо того чтобы 50 раз писать функцию переключения, стейт и это все дело (а это еще везде будет по разному именоваться и тд) можешь это засунуть в 1 HOC и обвешать все 50 штук

как вариант

Тут проще и читабельнее рекомпоз Имхо

да

так и есть

кстати никогда не пихайте в recompose'овский withProps в возвращаемый объект функции

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

для этого там есть withHandlers

всем спасибо, теперь более менее понятно

всем спасибо, теперь более менее понятно

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

парни, такой вопрос. стоит задача на реакте написать несколько приложений, по сути они будут отличаться только стилизацией. вопрос как проще сделать скинование? просто без сss модулей сделать одну большую css и подменять ее в каждой аппе？или все таки можно как то удобнее сделать？заранее спасибо

и что это вообще ?

и что это вообще ?

+

и что это вообще ?

https://www.google.ru/search?q=higher+order+components+react&oq=higher+order+components+react&aqs=chrome..69i57j69i60j35i39j0l2.6206j0j7&sourceid=chrome&ie=UTF-8

Спасибо!

https://www.google.ru/search?q=higher+order+components+react&oq=higher+order+components+react&aqs=chrome..69i57j69i60j35i39j0l2.6206j0j7&sourceid=chrome&ie=UTF-8

это на тему умных и глупых компонентов ? или другими словами контейнеров и компонентов. , или чтото ещё ?

а ок. спс Кажется понял. это прокидываемые в пропсах функции возвращающие компоненты %) Спасибо за статью )

а ок. спс Кажется понял. это прокидываемые в пропсах функции возвращающие компоненты %) Спасибо за статью )

Ну не в пропсах, а обертки

Просто функция от компонента и на выходе его пропяченная версия

пока за чтением доки я понял, что нос это функция, которая принимает компонент и возвращает новый компонен. а откуда и какой пока не дочитал :)

ок

Не только компонент

Можно любую функцию