Pavel
Да, там ничего сложного
DErek
Оф. Документация
Благодарю за ответ , но интересуют курсы
Evgenii
Есть курс очень неплохой по React, вот здесь: https://www.udemy.com/react-the-complete-guide-incl-redux/
Pavel
Благодарю за ответ , но интересуют курсы
Все курсы делаются по оф. док., а именно чтобы с хуками не слышал, а так на Udemy глянь
Evgenii
там довольно много материала, если полный нуб самое то
DErek
А вообще курс по реакт не для новичков что б с хардкором ?
Vova
если для профи то с хуками можно разобраться самому за час по оф докуменатции
Не считаю себя профи, но разобрался за час по офф. доке
Pavel
А вообще курс по реакт не для новичков что б с хардкором ?
Если с js проблемы, то лучше забудь про фреймворки
Kirill
Привет, вопрос, надеюсь, что не посчитаете провакационным. Чем можно обосновать выбор React вместо Vue в команде? Команде всё равно на чем писать проект, просто просят обосновать, что же лучше и почему. И вот тут я задумался, как можно на это ответить
Kirill
https://m.habr.com/ru/company/ruvds/blog/323142/
Похоже на статью, что мне подходит, сейчас изучу, спасибо
Eugen
Подскажите как правильно. Допустим у меня в сторе есть currentUser. Есть компонент-контейнер Header, и в нём уже всякие компоненты которым нужен этот currentUser. Лучше достать currentUser в этом компоненте контейнере и прокинуть детям по пропсам? Или же к каждому компоненту которому нужен currentUser подключать стор и брать из него?
Evgenii
Подскажите как правильно. Допустим у меня в сторе есть currentUser. Есть компонент-контейнер Header, и в нём уже всякие компоненты которым нужен этот currentUser. Лучше достать currentUser в этом компоненте контейнере и прокинуть детям по пропсам? Или же к каждому компоненту которому нужен currentUser подключать стор и брать из него?
Зависит от глубины и от типов дочерних компнентов. Пробрасывать на 3-4 уровня имхо жестко. К тому же если компоненты дженерик (общего пользования, типо формы, карточки) стор подключать к ним не надо. А так не вижу ничего страшного прорасывать как пропсы на 1-2 уровня. Кстати новые хуки адресуют эту проблему и можно брать хук со стейтом внутри компонента без коннекта
Vladyslav 🍉
Добрый вечер, понимаю что просьба странная, но помогите понять, где ошибка в коде, может где логику не так прописал https://codesandbox.io/s/sweet-rgb-7nl0h
Zak
Ребзи, вот для такого слайда что используете, какую либу?🧐
Vladyslav 🍉
state.allPeople нет
Почему в reducers, есть же
Vladyslav 🍉
Принимает данные с json
Frontend Priest
если скучно, можно стили к нему прописать
eden
Добрый вечер, понимаю что просьба странная, но помогите понять, где ошибка в коде, может где логику не так прописал https://codesandbox.io/s/sweet-rgb-7nl0h
не совсем понимаю, чего ты хочешь добиться, но посмотри вот https://codesandbox.io/embed/strange-wildflower-5ktvp при вводе текста в инпут происходит фильтрация (в консоли)
Рафис
Всем привет. Посоветуйте видео, книги, курсы по архитектуре. Проблема: при создании реакт приложений не могу заранее продумать хотя бы примерную архитектуру. Сразу начинаю писать, потом потихоньку структурирую. Сейчас начал немного писать размышления в тетради, но чего то не хватает. Кто как планирует будущее приложение?
Vitaliy
Вечер добрый ребят подскажите пожалуйста по styledComponents что там делают props откуда они берутся?
Vitaliy
может у когото есть мануал на русском какой-то
Рафис
Добрый вечер, понимаю что просьба странная, но помогите понять, где ошибка в коде, может где логику не так прописал https://codesandbox.io/s/sweet-rgb-7nl0h
С телефона сложно sandbox смотреть. Напишу предположения. Возможно не задан initialState, потому что во время запуска state по умолчанию равен undefined (вроде). Во-вторых поставить проверку на undefined перед filter.
Vladyslav 🍉
С телефона сложно sandbox смотреть. Напишу предположения. Возможно не задан initialState, потому что во время запуска state по умолчанию равен undefined (вроде). Во-вторых поставить проверку на undefined перед filter.
Там проблема в чем я пытался реализовать переключатель, мол нажимаешь на пользователя в списке, а справа появляется больше информации о нем, уже сколько бьюсь над этим не выходит
Рафис
А в reducer задаётся state по умолчанию, где присутствует хотя бы пустой массив allPeople?
Vladyslav 🍉
А в reducer задаётся state по умолчанию, где присутствует хотя бы пустой массив allPeople?
В allPeople передаю массив данных с json, получается сделал вывод списком пользователей и фильтрацию, все работало, только начал делать activePeople и создал код под отрисовку ниже тега aside, дало такой результат
Vladyslav 🍉
Выходит неправильно логику организовал, проблема в том, что не знаю, как исправить 😑
Vitaliy
это реакт брат
я не понимаю какие пропсы он туда берет? с компонента который я кастомизирую кнопку например?
Vitaliy
так какие у нее пропсы будут?
Vitaliy
получается я не могу просто кастомизировать свои стили мне надо еще и пропсы прокидывать по дереву ниже?
Vladyslav 🍉
Я скидывал выше вариант, там не то?
https://codesandbox.io/s/sweet-rgb-7nl0h вот рабочий вариант, удалил все наметки свои, точнее попытки переключения, ну чтобы нажимать на пользователя и справа получать больше информации о нем
Vladyslav 🍉
Как извиняюсь это долбанное нажатие реализовать, не ванильном реакте это легко, а через ридакс) Просто уже сил и нервов не хватает
Vladyslav 🍉
https://codesandbox.io/s/sweet-rgb-7nl0h где тут людей нету? И в консоли все есть
Рафис
Как извиняюсь это долбанное нажатие реализовать, не ванильном реакте это легко, а через ридакс) Просто уже сил и нервов не хватает
сейчас ошибки не видно уже. handleClick пустой. Вам нужно в handleClick index передать, по этому индексу в правом окошке показать данные нужного пользователя
Рафис
если у вас данные пользоваетля уже есть в этом компоненте, то имхо не нужно обращаться еще раз в store за данными
Рафис
просто в списке пользователей показывается часть данных, а после нажатия в нужном месте показываются побольше данных
Рафис
в самом простом виде можно так сделать: под aside будет div, который будет скрыт изначално, после нажатия когда aside скроется отобразить этот div, в нем будут выводиться данные, допустим так: const index = state.index; <div>Имя пользователя: {testPeople[index].userName}</div> то есть в state сделать свойство index, его обновлять после клика по человеку, где будет передаваться нужный индекс. Названия свойств примерно написал. Думаю смысл понятен. Именно в таком виде не приходилось делать подобное. Но в данном конкретном случае видится такое решение
yellow
отпишитесь пожалуйста кто юзал react-admin вместе с graphql
Victor
Ребзи, вот для такого слайда что используете, какую либу?🧐
css border-radius, js draggable - либы не нужны (больше времени потратишь, чтобы привести к нужному виду)
Vitaly
Внизу
все равно не вижу но могу поверить на слово ) ошибка явно говорит, что пропс андефайнед либо нет такого метода, но раз там есть проверка, то там явно что то прилетает в коннекте
Vladyslav 🍉
Кусочек
Vladyslav 🍉
Еще в редюсере обращение в стор, только есть косяк, не совсем корректно фильтр работает и лишь на имя
Vitaly
у тебя стейт.олпипл json же, а в из матч ты стрингифаешь уже конкретного юзера, но в изматч даже не заходит же, насколько я понял
Rafael
как навесить event handler на кастомный ивент для нереакт компоненты?
Vladyslav 🍉
Ну да, это обычный js
Looch
ребзи как бы вы решили ситуацию, есть табы и надо блокировать переход по табам если в активной табе юзер сделал какие-то изменения в форме. Надо в общем показать модал и типа переспросить и если все ок то переключить так. Так вот проблема в том что этот модал надо показывать еще на 3 события и как мне нормально опеределить что нужно сделать если пользователь нажмет окей ?
Looch
да не в этом проблема
Looch
мне нужно знать контекст в котором модал был открыл
Looch
что б понять что делать на кнопку Ок
Looch
ну я так и сделал
Looch
но это ж херня