Сработало, спасибо, а почему все таки не работает обычный src?

Картинка не попадает в бандл

Картинка не попадает в бандл

Можешь в public положить папку img. И тода у тебя картинки будут доступны через путь /img/pic.png

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

если нужно вычистить весь стейт и вернуть его к исходному, то проще location.reload() чем городить огород, в ином случае пиши в каждом редьюсере, что ты делаешь со стейтом на это действие

Это решаетя на уровне мидлвары

Попробуй

Убери все до /img

Желательно про вебпак почитать, или доку самого client teact app

кажется, понял в чем проблема. Компонент, в котором не работает useParams() находится вне роута с требуемым параметром. Нужны идеи, как заставить работать этот код

А так https://stackoverflow.com/questions/35622588/how-to-reset-the-state-of-a-redux-store/35641992#35641992

Почти 4 года назад

собрал sandbox с примером. useParams работает только в Child может кто-то сталкивался уже с этим и знает как решить?

На сайте reacttraining/react-router есть подобный пример с сайдбаром

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

А зачем тогда нужны парамсы?

**/**/*.snippet.js. Прописать в .eslintignore если не ошибаюсь

есть апи с * обьектами, как мне относительно количества обьектов рисовать див с разными данными из этих же обьектов?вытаскивать данные по id уже умею

.map?

Подскажите, как использовать лучше d3, просто подключать скрипт и использовать через глобальный доступ или устанавливать обертку для реакта?

Это как использовать jqwery в реакте

Это что такое?

Ребят,написал функию что бы рендерить список (решил поюзать рендер функции),но что-то пошло нетак и список не рендерится... renderItems = (list) => { list.map(item => { const {id} = item; const label = this.props.renderItem(item); return ( <li onClick={() => this.props.changeId(id)}> {label} </li> ) } ) };

Ребят,написал функию что бы рендерить список (решил поюзать рендер функции),но что-то пошло нетак и список не рендерится... renderItems = (list) => { list.map(item => { const {id} = item; const label = this.props.renderItem(item); return ( <li onClick={() => this.props.changeId(id)}> {label} </li> ) } ) };

Всем привет, подскажи как в реакте считается правильным организация стилей для компонентов? Для каждого компонента отдельный css файл? Когда нужно или не нужно использовать хуки? Styled components? Есть вообще какой-то «good practice » гайд?

Зачем нужны колбеки, когда async проще и понятнее по синтексису?

callbacks -> promises -> async/await Эволюция устройства асинхронного кода в жс

Promise !== async/await

обратное верно

Promise !== async/await

Как раз равно. А колбеки другое

async/await обертка для промисов, и вроде бы, почти все их возможности имеют, кроме Promise.all()

await some(); other(); // new Promise(some); other(); Одинаково?

Ты забыл про async)

await some(); other(); // new Promise(some); other(); Одинаково?

С чего бы это было одинаково? Асунки это красивая упаковка промисов

Я с телефона, мне лень

Почитай чутка про async/await

Нет. Они работают кардинально по разному.

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

в какой моей аналогии?