Кроме модалки инфа от пользователя нужна где то ещё ??

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

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

Ну я инфу о пользователе храню в сторе

Это сущность информация о которой возможно будет нужна где то.

Ну я инфу о пользователе храню в сторе

ну о currentUser это имеет смысл определенно, тк нам эта инфа нужна в рамках всей приложухи, а вот инфа в модалке - только в процессе создания/редактирования, а потом этот редьюсер нужно будет очищать

но примешивать инфу из стора, c инфой из локального стэйта в компоненте, и иметь сборную солянку в рамках этого компонента — тоже мне кажется плохой идеей

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

Привет подскажите может кто питался реализовать или где может какая инфа есть. Питаюсь написать приложение на функциональних компонентах и хуках. Не используя редукс, а только свой самописний хук для хранения стора. Вопрос где лучше фетчить дату с API?

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

самописний хук на useState and useEffect

Привет подскажите может кто питался реализовать или где может какая инфа есть. Питаюсь написать приложение на функциональних компонентах и хуках. Не используя редукс, а только свой самописний хук для хранения стора. Вопрос где лучше фетчить дату с API?

Ой зря

Привет подскажите может кто питался реализовать или где может какая инфа есть. Питаюсь написать приложение на функциональних компонентах и хуках. Не используя редукс, а только свой самописний хук для хранения стора. Вопрос где лучше фетчить дату с API?

Хуки не заменяют ридакс и вообще полноценный менеджер состояний

Привет подскажите может кто питался реализовать или где может какая инфа есть. Питаюсь написать приложение на функциональних компонентах и хуках. Не используя редукс, а только свой самописний хук для хранения стора. Вопрос где лучше фетчить дату с API?

В мидлваре) А теперь когда ты напишешь их реализацию - бинго! Ты написал свой редакс с багами и костылями)

ок намек понял спасибо)) Но било интересно реализовать

ок намек понял спасибо)) Но било интересно реализовать

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

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

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

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

useReducer посмотри

useReducer посмотри

ok спасибо

Привет всем. Почему тут elemId возвращает null? При чем, это касается любого аттрибута, какой бы я не присвоил

Привет всем. Почему тут elemId возвращает null? При чем, это касается любого аттрибута, какой бы я не присвоил

потому что key существует только в js-дереве у элементов, а не в html

Извините за оффтоп, но, тут есть автолюбители? Напишите в ЛС если не трудно, спасибо. P.S., я только начинающий в React, не удаляйте)

потому что key существует только в js-дереве у элементов, а не в html

То есть, как поступить?

То есть, как поступить?

Раздели JS от html-элемента который тебе нужен

То есть, как поступить?

Можно завернуть обработчик const handleClick = (id) => (e) => console.log(id) и потом использовать так onClick(handleClick(user.id))

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

Так и не понял, почему не вернуло аттрибут. Хотя отдельно проверил на простом компоненте с одним элементом, там всё прекрасно выводит

Можно завернуть обработчик const handleClick = (id) => (e) => console.log(id) и потом использовать так onClick(handleClick(user.id))

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

Подскажите так сказать *начинающему*. С чего стоит начать изучение React и где (как) проще вникнуть в него?

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

onClick={handleClick(id)} в пропсах, опечатался я. handleClick возвращает функцию, которая вешается на клик. При рендере ничего вызывать я не должно

Подскажите так сказать *начинающему*. С чего стоит начать изучение React и где (как) проще вникнуть в него?

Дока+пет проект

Подскажите так сказать *начинающему*. С чего стоит начать изучение React и где (как) проще вникнуть в него?

с джаваскрипта, html & css

Дока+пет проект

Подробнее вкратце можно?) Это поможет быстро вникнуть или как?

с джаваскрипта, html & css

Уже ознакомлен

Подробнее вкратце можно?) Это поможет быстро вникнуть или как?

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

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

Понял, спасибо

Подскажите, пожалуйста контролируемые инпут получает пропсы но значение от них подставляет только тогда,когда я ввожу дополнительный символ и тогда уже видно в value={props + мой введеный символ} как сделать,чтобы при получении пропсов он сразу же перерисовался setState не помогает( https://codepen.io/DanielSadovskiy/pen/Rwwxpjb?editors=0010

Подскажите, пожалуйста контролируемые инпут получает пропсы но значение от них подставляет только тогда,когда я ввожу дополнительный символ и тогда уже видно в value={props + мой введеный символ} как сделать,чтобы при получении пропсов он сразу же перерисовался setState не помогает( https://codepen.io/DanielSadovskiy/pen/Rwwxpjb?editors=0010

Так зачем ты в didupdate это делаешь?

Прочитай про контролируемые инпуты

Подскажите, пожалуйста контролируемые инпут получает пропсы но значение от них подставляет только тогда,когда я ввожу дополнительный символ и тогда уже видно в value={props + мой введеный символ} как сделать,чтобы при получении пропсов он сразу же перерисовался setState не помогает( https://codepen.io/DanielSadovskiy/pen/Rwwxpjb?editors=0010

value={this.props.value}

Подскажите, пожалуйста контролируемые инпут получает пропсы но значение от них подставляет только тогда,когда я ввожу дополнительный символ и тогда уже видно в value={props + мой введеный символ} как сделать,чтобы при получении пропсов он сразу же перерисовался setState не помогает( https://codepen.io/DanielSadovskiy/pen/Rwwxpjb?editors=0010

Ты забыл сделать bind.

И надо писать this.state.value, а не просто value.

Здесь всё ещё кто пишет на редаксе?

Здесь всё ещё кто пишет на редаксе?

А на чем сейчас моднее писать?

Здесь всё ещё кто пишет на редаксе?

Ну я, а чё?

А на чем сейчас моднее писать?

Effector

А на чем сейчас моднее писать?

mobx

через какой модуль вебпака в CRA селекторы CSS хэшируются? Т е вместо .name получается .jHx5sU4

mobx

видимо у каждого своя мода))

через какой модуль вебпака в CRA селекторы CSS хэшируются? Т е вместо .name получается .jHx5sU4

css-modules

css-loader

css-modules

я хочу убрать для develop режима изменение названия классов, но не могу в веб пак найти такого Можешь подсказть куда тут стоит копать?)

Вроде getLocalIdent меняет css селекторы, но убрав его из веб пак у меня так же хэшируются селекторы

видимо у каждого своя мода))

Просто выбирай подходящий под требования/задачи инструмент.

Просто выбирай подходящий под требования/задачи инструмент.

А мода - приходит и уходит

я хочу убрать для develop режима изменение названия классов, но не могу в веб пак найти такого Можешь подсказть куда тут стоит копать?)

В любом случае менять будет

Чтобы коллизий не было

В любом случае менять будет

оказывается есть localIdentName, который не был вписан и я получал чисто хэши без названия классов

Всем привет! Только начал изучать фрейм React, в теории все понимаю, ну а практических знаний нет. Может кто то, что то сможет посоветовать как выйти из ситуации на превых порах пожалуйста

Это ios, лол

Всем привет! Только начал изучать фрейм React, в теории все понимаю, ну а практических знаний нет. Может кто то, что то сможет посоветовать как выйти из ситуации на превых порах пожалуйста

1) Ищещь любое простое по функционалу приложение и реализовываешь его. Например, можешь взять функционал учета времени toggl.com, функционал trello.com, можешь погуглить калькуляторы калорий онлайн, фитнес-трекер, интернет магазин с корзиной, списками товаров, пагинациями, сортировками. Не обязательно весь функционал реализовывать, достаточно часть повторить 2) Берешь открытые API: https://github.com/public-apis/public-apis#cryptocurrency. Например, по криптовалюте у https://coinmarketcap.com/api/ есть огромные API с ценами, списками, данные для графиков, курсы. Пилишь приложение по покупке крипты, примеры в интернете есть

Друзья кто сталкивался с next.js в докере? нужно сделать дев сетап, чтоб нодемон подхватывал изменения на клиенте. Если локально запускать - все работает, а в докере рефрешится только если менять сервер

Друзья кто сталкивался с next.js в докере? нужно сделать дев сетап, чтоб нодемон подхватывал изменения на клиенте. Если локально запускать - все работает, а в докере рефрешится только если менять сервер

@nextjs_ru

Спасибо

Я уже скидывал, но повторюсь. Кмк эта штука маст-хев для любого приложения: https://github.com/reakit/reakit Это UI-тулкит. Что это значит? Там предоставляются базовые функциональные блоки, без стилей, для написания своих компонентов и есть гайды как это делать (писать свои компоненты). При этом упор на a11y и тришейкинг. Сложно представить какие могут быть альтернативы, если вам в приложении нужны, хотя бы, меню и тултип (а они нужны практически всем).

Я уже скидывал, но повторюсь. Кмк эта штука маст-хев для любого приложения: https://github.com/reakit/reakit Это UI-тулкит. Что это значит? Там предоставляются базовые функциональные блоки, без стилей, для написания своих компонентов и есть гайды как это делать (писать свои компоненты). При этом упор на a11y и тришейкинг. Сложно представить какие могут быть альтернативы, если вам в приложении нужны, хотя бы, меню и тултип (а они нужны практически всем).

какую версию ставить?

У меня некст

Я уже скидывал, но повторюсь. Кмк эта штука маст-хев для любого приложения: https://github.com/reakit/reakit Это UI-тулкит. Что это значит? Там предоставляются базовые функциональные блоки, без стилей, для написания своих компонентов и есть гайды как это делать (писать свои компоненты). При этом упор на a11y и тришейкинг. Сложно представить какие могут быть альтернативы, если вам в приложении нужны, хотя бы, меню и тултип (а они нужны практически всем).

блин, на сайт бы на их посмотреть, что в гите указан, а он не открывается (

роскомнадзор 🌈

Через https попробуй

value={this.props.value}

Выше деструкторизация value

Через https попробуй

а... как раз через https и не ходит, а через http норм ))

Ну как-то так 😬

Помнил, с чем-то таким связано)

Ну как-то так 😬

точнее там редирект перебросил на https c http, ну да хрен с ним, не суть... пасиба!

Я уже скидывал, но повторюсь. Кмк эта штука маст-хев для любого приложения: https://github.com/reakit/reakit Это UI-тулкит. Что это значит? Там предоставляются базовые функциональные блоки, без стилей, для написания своих компонентов и есть гайды как это делать (писать свои компоненты). При этом упор на a11y и тришейкинг. Сложно представить какие могут быть альтернативы, если вам в приложении нужны, хотя бы, меню и тултип (а они нужны практически всем).

плюсую.

ui-toolkit != ui-kit

Я вообще ни одного такого же, как реакит, ещё не видел

Ребас тупой как пробка

От него толку особо нет

В ребас нет самых сложных контролов: меню, тултип

Меню - это селект, считайте. Посмотрите сколько весит react-select