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

то есть две отдельные директории api_php и app_react

то есть две отдельные директории api_php и app_react

ну там уже как сделаешь, но типа того

скорее лучше микросервисы смотря какой продукт может потребуются сокеты, тогда можно ноду подрубить, она просто работает с ними Если дофига запросов для работы с реляционной базой, то рест на пыхе Может еще что будет И уже фронт, в зависимости, от задачи, обратиться куда надо

не работает

на первом скрине видно

возможно

Классовый это легаси

+

всем привет. может, кто сталкивался, пытаюсь заюзать react-transition-group, проект с ts. и как только пытаюсь хотя бы минимально обратиться к импортируемому компоненту, сборка падает с ошибкой.

всем привет. может, кто сталкивался, пытаюсь заюзать react-transition-group, проект с ts. и как только пытаюсь хотя бы минимально обратиться к импортируемому компоненту, сборка падает с ошибкой.

rtg - прошлый век, нужны анимации нормальные бери react-spring и не мучайся

rtg - прошлый век, нужны анимации нормальные бери react-spring и не мучайся

чет у них даже дока не открывается:)

Могу ли я как то передавать в родительскую функцию значение которое я введу в первую тексатрию по нажатию на эту кнопку

чет у них даже дока не открывается:)

https://www.react-spring.io/docs

Ребзя, подскажите пожалуйста, как мне реализовать скачивания файлов в реакте, вот есть такой код: <Link to={`${BASE_URL}${data.upload}`} target="_blank" rel="noopener noreferrer" download>

вот тут тот же вопрос на стек оверфлоу https://stackoverflow.com/questions/53005147/downloading-a-file-from-a-url-in-react

с тегом a пробывал тоже самое

Никто не сталкивался с таким?

Мне приходит урл файла с API который на фронте юзер должен скачать

Но файл открывается в окне скачивания с расширением .html и файл фейлится

Всем привет, я новичок в react. Вывел список тудушек с апишки через fetch, теперь нужно по заданию сделать пагинацию через react router и match.params, может кто помочь с этим пожалуйста?

Всем привет, я новичок в react. Вывел список тудушек с апишки через fetch, теперь нужно по заданию сделать пагинацию через react router и match.params, может кто помочь с этим пожалуйста?

А у вас есть конкретный вопрос? 1. Апишка должна поддерживать какие-то возможности пагинации, что-то вроде параметров start_from и count. 2. Далее ваш компонент со списком должен принимать в пропсах номер страницы и рассчитывать стартовую позицию. Ну и дергать апишку с этим параметром. 3. Роутер получает параметр в урле (номер страницы) и передает его вашему компоненту. С чем из этого у вас проблемы?

I've seen some shit... 2 минутный setState

I've seen some shit... 2 минутный setState

eto gde ?

А у вас есть конкретный вопрос? 1. Апишка должна поддерживать какие-то возможности пагинации, что-то вроде параметров start_from и count. 2. Далее ваш компонент со списком должен принимать в пропсах номер страницы и рассчитывать стартовую позицию. Ну и дергать апишку с этим параметром. 3. Роутер получает параметр в урле (номер страницы) и передает его вашему компоненту. С чем из этого у вас проблемы?

Не знаю с чего начать

Не знаю с чего начать

Я дополнил ответ.

eto gde ?

в моем небольшом приложении =)

в моем небольшом приложении =)

Может в рекурсию ушло что-то?

Я дополнил ответ.

Прочитал, спасибо большое. Сейчас попробую разобраться

в моем небольшом приложении =)

так просто не бывает, покажи логику

всем привет помогите с установкой react-bootstrap в в главном файле импортировал бустраповский сss. И при запуске выдает мне такое | /*# sourceMappingURL=bootstrap.min.css.map */ @ ./frontend/App.js 8:0-46 @ ./index.js

Может в рекурсию ушло что-то?

несовсем, просто там есть грид react-bootstrap-table2 50 записей ~12 колонок, в каждой ячейке react-tooltip

несовсем, просто там есть грид react-bootstrap-table2 50 записей ~12 колонок, в каждой ячейке react-tooltip

Ну, 50 записей - это не много.

Смотря что в них

Ну, 50 записей - это не много.

проблема тут "в каждой ячейке react-tooltip"

оптимизируй, шо

может тебе вообще виртуалайз нужен лел

проблема тут "в каждой ячейке react-tooltip"

А что он особенного делает? С этой либой не работал, но тултип же по onClick должен появляться? Не вижу тут проблемы.

а точнее скорее всего именно вот этом куске кода https://github.com/wwayne/react-tooltip/blob/master/src/index.js#L188 смущает document.querySelectorAll('[data-tip].....

А что он особенного делает? С этой либой не работал, но тултип же по onClick должен появляться? Не вижу тут проблемы.

mouseenter/mouseleave

сторонние либы зло =) а на свои большие компоненты заказчик времени не дает =)

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

Если честно, тот код что вы привели - я бы в проект не взял. Это же, блин, тултип, он просто появляется и исчезает.

Ребят не подскажете почему setState не ререндерит компонент? если поставить response вместо freshArticle все ок, но вот с Object.assign() никак

я же правильно ввел линку ${Parent} на родительский элемент в style-components?

Ребята, вот есть карточка товара, она как бы одна (входящие данные один и тот же продукт), но у нее есть штук 8 разных видов (маленькая, большая, горизонтальная, вертикальная и т.д.), в зависимости от того где она находится (родитель). От того какой вид у этой карточки меняется вид её детей (шрифт больше, меньше, краснее, зеленее, левее и т.д.). Можно создать 8 карточек, в каждой своя картинка, цена, описание и т.д. Будет чисто, но при изменении общих параметров иди меняй все 8 карточек, не забудь 6-ую и 7-ую. Можно создать одну карточку, в детей карточки передавать пропсу с именем родителя карточки и уже внутри расчитывать, а если с главной, то красным, а если с корзины, то зеленым. Получается такая приличная простыня if else в ребенке. Как вы делаете? UPD: styled components

Пропсами можно передавать значение классов, например. Или можно пропсами прокинуть то что внутри рендерить. this.props.children

я же правильно ввел линку ${Parent} на родительский элемент в style-components?

${Parent} вставит просто весь код, который был в const Parent = styled.smth можно использовать обычные селекторы css внутри стайледов, но обычно на детей ссылаются

Пропсами можно передавать значение классов, например. Или можно пропсами прокинуть то что внутри рендерить. this.props.children

сами чилдрены одни и те же, смысла в модульности так-то нет, а классы да, но стайледы

Я щас недавно на нашем проекте тоже на один в один проблему наткнулся

Пока не переписал, но мысля есть

всем день добрый буду писать новую админку и еще один проект который будет работать на слабых планшетах в браузере, встал вопрос о UI китах или css фреймворках, что заюзать, с чем меньше всего будет проблем? мб кто сталкивался с подобными задачами? поделитесь опытом пожалуйста)

Пока не переписал, но мысля есть

а на что переписывать будешь. Я вот кручу-верчу, а все варианты с подвохом своим

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

${Parent} вставит просто весь код, который был в const Parent = styled.smth можно использовать обычные селекторы css внутри стайледов, но обычно на детей ссылаются

спасибо

Ну суть в том, что функционал блоков одинаковый, думаю сделать обертку "блок" и оставить else-if-ы

Пропсами можно передавать значение классов, например. Или можно пропсами прокинуть то что внутри рендерить. this.props.children

спасибо

Чтобы функционал блокам задавать в одном файле

А разметку ес че можно менять уже для конкретного компонента в портянке else-if, какое-то более элегантное решение пока не придумал

Ну кроме как пропсами стили кидать

Втемболее в sc можно перекидывать стили пропсами

Ну суть в том, что функционал блоков одинаковый, думаю сделать обертку "блок" и оставить else-if-ы

Да вот я тоже к этому переписала, в простыню else-if, да, так хотя бы в одном месте все меняешь, но тапки за простыню и "сложный код" в меня летят 😄 Думаю может есть более элегантные решения

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

А как изменить по селектору стиль? У меня просто дерево будет, а менять нужно только у одного общего для всех родителся. Класс этого родителя у меня есть, просто как его использовать, просто через пропсы кидать?

Они же у тебя однотипные как я понял, только размеры меняются в основном, даже расположение в плане html такое же?

У меня проблема еще в том, что они немного различаются :D даже в плане html содержимого

Возможно буду делить на 2 типа блоков

ну да, просто дети в детях и так далее, а сами один все однотипные

2 подтипа ли

Чет у меня очень долго сообщения отправляются

ul>li>ul>li

не совсем поняла про что вы, но можно же & > * или там правильного ребенка подставить в стайледах родителя

ну вообще это отсюда взято https://codesandbox.io/s/bfxjp сама стрктура состоит из ul и li. Я просто не могу к гриду это прикрутить, потом решил просто изменять их общего родителя с пересчетом размеров и условоием того что элемент раскрыт

Немного не тот чат, но все же - такой подход к изменяемому URL нормальный? У меня GitHub репозиторий подключен к Heroku, после каждого пуша в реп происходит билд приложение на Heroku. axios.get(`${process.env.NODE_ENV === ‘production’ ? ‘https://www.myurl.com’ : ‘http://localhost:5000’}`)

Почему просто в нод енв не положить?

Конфиг для проды и для дева

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

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

useLayoutEffect?

Всем привет. Кто юзает react-redux-loading-bar ? Сделал всё как в документации, в сагах диспатчатся экшны, но прогресс бар не отображается. У кого ещё была такая проблема, как решили?