пропс collapseble - как раз должен переключать режимы открытия/закрытия внутренних аккордионов, если он есть - то в чайлдах 1 открыт - другие закрыты, если пропса нет - то все открываются как хотят

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

уу сложна)

ну так да, интересно как такое сделать)

отвечаю, с виду простая задача, но как начинаешь разбираться, уже не все так просто)

да просто я тупой) ща ворвется какой нибудь работник яндекса и сделает) но мне прям интересно стало)

ну так да, интересно как такое сделать)

кстати, у тебя для каждого аккордеона свой контекст?

кстати, у тебя для каждого аккордеона свой контекст?

да

а подскажите пожалуйста, как реализовать с реакт-роутером наличие навбара сверху на всех страницах? Делай свой отнаследованный от Route компонент, где рендерить навбар свой или есть способ правильнее?

Сделай темплейт или в руте держи свой равбар

Всем привет. Может не много не по теме. Кто то подскажет площадку или форум где можно продавать идеи или готовые реализации каких то бизнес идей + код (только техническая часть) спс

Сделай темплейт или в руте держи свой равбар

подробнее можно? под темплейтом что понимается? и про рут. Типа в Router рисовать его?

!спам

@Tchernyavsky спэм)

Всем привет. Может не много не по теме. Кто то подскажет площадку или форум где можно продавать идеи или готовые реализации каких то бизнес идей + код (только техническая часть) спс

вообще не по теме друг))

чоб это вдруг?

Феерические долбоебы

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

Хз, всё вместе

Слышали? https://tinacms.org/

Слышали? https://tinacms.org/

лама из Napoleon Dynamite? :)

подробнее можно? под темплейтом что понимается? и про рут. Типа в Router рисовать его?

Компонент, содержащий структуру страницы

yo что скажете насчёт https://github.com/xing/hops против https://github.com/jaredpalmer/razzle ? по советам местных стариков думаю взять раззл, но внезапно есть алтернативы

И почему вернулись на подписки назад

Спасибо большое япосомтрел устроен сonnect как он в useEffect использует иseReducer при определнных условиях если изменились пропсы

Спасибо большое япосомтрел устроен сonnect как он в useEffect использует иseReducer при определнных условиях если изменились пропсы

useReducer там исключительно как способ сделать принудительный ререндер

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

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

пацыки, css-in-js норм использовать?

пацыки, css-in-js норм использовать?

норм, используй

пацыки, css-in-js норм использовать?

модно, молодежно

норм, используй

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

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

styled components, reshadow

styled components, reshadow

понял, благодарю

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

я использую astroturf, у него нет js рантайма, все экстрактится в css

я использую astroturf, у него нет js рантайма, все экстрактится в css

linaria, reshadow тоже

linaria, reshadow тоже

линария не поддерживает ie11, а мне надо. reshadow не пробовал

Какой бандлер юзать? - вебпак - parcel - rollup - fusebox

кстати нашел такой прикольный ресурс, может пригодится кому) https://www.npmtrends.com/jss-vs-aphrodite-vs-radium-vs-styled-components-vs-glamorous-vs-emotion-vs-styletron

linaria, reshadow тоже

reshadow: This project has alpha status, so the API and the implementation could be changed. я бы не брал в прод

reshadow: This project has alpha status, so the API and the implementation could be changed. я бы не брал в прод

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

не вижу чем оно сильно отличается от других

Какой бандлер юзать? - вебпак - parcel - rollup - fusebox

1

Какой бандлер юзать? - вебпак - parcel - rollup - fusebox

1. parcel 2. webpack если нужны динамические импорты с динамическими путями, или может не хватает какого нибудь плагина 3. Rollup если либа

Ребята, что делает этот replace .replace(/[^w]/g), что-то пока не могу понять эти регулярные выражения

Ребята, что делает этот replace .replace(/[^w]/g), что-то пока не могу понять эти регулярные выражения

https://regex101.com/

1. parcel 2. webpack если нужны динамические импорты с динамическими путями, или может не хватает какого нибудь плагина 3. Rollup если либа

А почему про роллап так? Там легко настраивается билд разных версий?

1. parcel 2. webpack если нужны динамические импорты с динамическими путями, или может не хватает какого нибудь плагина 3. Rollup если либа

ну то есть webpack так как какого то плагина всегда не хватает )

А почему про роллап так? Там легко настраивается билд разных версий?

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

кто как реализует модальные окна? (createPortal, библиотеки или еще чего - интересны вариации и скажем какой то best practice в этом вопросе) собственно вариаций модалки может быть великое множество интересует больше всего реализация при которой модалка маунтится только при открытии (скажем есть список и у каждого элемента может быть привязано по 2-3 модалки а спискок 100+ элементов - не хотелось бы сразу маунтить все модалки в каждом элементе ) скак вариант я вижу - можно иметь один контейнер на всех страницах и при открытии любой модалки - пихать кастомный контент в этот контейнер может есть хорошие проверенные библиотеки(вроде react-modal) или какие то иные способы

ну то есть webpack так как какого то плагина всегда не хватает )

Да вроде все есть, только с вещами типо linaria не работал

ну то есть webpack так как какого то плагина всегда не хватает )

консерватор, нужно двигать прогрес вперед)

Народ привет, проблемка нарисовалась. У нас в проекте использовался реакт 15.4.2, потом пришел я, говорю нужен апгрейд, хуки всё такое. В общем обновил все для работы над компонентами, приложение работает, но все тесты валятся с ошибками. Тестируется karma + enzyme, почитал в интернетах, пишут что есть некий адаптер для версии 16.4, но с моей 16.11 ничего не работает. Я не большой специалист, хотелось бы хотя бы пинок в нужную сторону

Народ привет, проблемка нарисовалась. У нас в проекте использовался реакт 15.4.2, потом пришел я, говорю нужен апгрейд, хуки всё такое. В общем обновил все для работы над компонентами, приложение работает, но все тесты валятся с ошибками. Тестируется karma + enzyme, почитал в интернетах, пишут что есть некий адаптер для версии 16.4, но с моей 16.11 ничего не работает. Я не большой специалист, хотелось бы хотя бы пинок в нужную сторону

хотелось бы хотя бы узнать, что за ошибки

ERROR [framework.browserify]: Error: Cannot find module 'react-dom/lib/ReactTestUtils'

ERROR [framework.browserify]: Error: Cannot find module 'react-dom/lib/ReactTestUtils'

Потому что уже не в либ react-dom/test-utils

Господа, а почему такая штука может возникать? Maximum update depth exceeded

Цикличный setState, например

Господа, а почему такая штука может возникать? Maximum update depth exceeded

Потому что код ваш приводит к бесконечному ререндеру

Господа, а почему такая штука может возникать? Maximum update depth exceeded

В рекурсию ушёл в рендере.

спасибо

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

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

А зачем перекладывать пропсы в стейт?

componentWillReceiveProps работает только при начальной отрисовке

componentWillReceiveProps работает только при начальной отрисовке

Не только, а когда меняются пропс, но этот метод депрекейтед, не используйте его лучше

componentWillReceiveProps работает только при начальной отрисовке

При начальной он как раз не отрабатывал

вообще задача - отрисовать форму на основе json

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

она отрисовывается только при рефреше страницы

Коллеги, подскажите, как можно прервать все активные запросы аксиоса, кроме последнего? Это касательно темы автокомплита адресов. Проект на хуках. С каждым символом посылается запрос со строкой для поиска, и в этот момент надо прерывать предыдущие запросы, которые в процессе

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

getDerivedStateFromProps посмотрите

getDerivedStateFromProps посмотрите

благодарю, попробую

Коллеги, подскажите, как можно прервать все активные запросы аксиоса, кроме последнего? Это касательно темы автокомплита адресов. Проект на хуках. С каждым символом посылается запрос со строкой для поиска, и в этот момент надо прерывать предыдущие запросы, которые в процессе

maybe https://github.com/axios/axios#cancellation

Коллеги, подскажите, как можно прервать все активные запросы аксиоса, кроме последнего? Это касательно темы автокомплита адресов. Проект на хуках. С каждым символом посылается запрос со строкой для поиска, и в этот момент надо прерывать предыдущие запросы, которые в процессе

используя axios.CancelToken.source() Его можно передать в конфиге в axios.request

Да, это всё читал и знаю. Нужен флаг, который бы показывал , что существует активный запрос аксиос

Коллеги, подскажите, как можно прервать все активные запросы аксиоса, кроме последнего? Это касательно темы автокомплита адресов. Проект на хуках. С каждым символом посылается запрос со строкой для поиска, и в этот момент надо прерывать предыдущие запросы, которые в процессе

Может изначально неверно сделано? Посмотрите на https://learn.javascript.ru/task/debounce

Может изначально неверно сделано? Посмотрите на https://learn.javascript.ru/task/debounce

вообще не туда

вообще не туда

Если пользователь вводит быстро текст, то смысл отправлять кучу запросов, в принципе?

Пытался при создании компоненты обьявлять переменную = null и дальше через условие проверять, мол, если не null , то активировать cancelToken. После условия создавал запрос и присваивал этой переменной. Но такой способ не работал из-за того, что при каждом обновлении компонента переменная сбрасывалась. Не знаю, насколько правильно её в useState запихнуть - единственное , что не пробовал

Если пользователь вводит быстро текст, то смысл отправлять кучу запросов, в принципе?

Там есть адреса с разницей в букву. Чувствительная фигня. А дебаунс пропустит символы некоторые

Там есть адреса с разницей в букву. Чувствительная фигня. А дебаунс пропустит символы некоторые

Так на сервер отправляется полная строка введенная в инпуте?

Там есть адреса с разницей в букву. Чувствительная фигня. А дебаунс пропустит символы некоторые

возможно ты путаешь debounce с throttle