Ну и насколько помню от реакта там мало, тк не все лайфсайклы там жопа

Хоть как - то. Но пару раз в ногу стреляло конечно.

хм, ну окей, надо будет глянуть

хз шо там за кейс с хоками был, но вроде проблем в рамках сср не испытывал с ними

Это я знаю а как использовать приложение <App/> и всякое такое? Ну интернет магазин хочусделать на MERN

всем привет. Такой интересный вопрос. использую функциональные компоненты с хуками и наверх накручен reselect. при использовании useSelector- он вызывает ререндер страницы при любом типе действий( связанных или нет со стором)( проверял линки- каждый раз создается новые селектори возращается новая копия данных) при использовании createSelector из reselect-этот баг был пофикшен, однако теперь, при измении стора( использую immutable js), мой селектор не обновляется и данные остаются не актуальными. вот код сниппет import {createSelector} from "reselect"; const getZoomer = (state)=> state.zoomer; const zoomer = createSelector(getZoomer, state => state);

Прочитай про рендер. Когда реакт считает перерисовывать компонент.

Буду рад любой помощи, либо вариантам как обойти useSelector, который создаёт постоянно новую Линка и ререндерет компоненту

неа, я использовал useSelector хук внутри функциональной компоненты

все самое новое-хорошо забытое старое?

useMemo

еще один рисователь реактом

бред, нахрена вводить было хуки в 16.7, чтобы люди мучались с вечным перерендером. я использую расчеты внутри редюсера, но это происходит примерно так: newScale = Math.max(Math.min(newScale, maxScale), minScale); if(newScale === state.scale){ return state; } // find the ratio of the new scale const ratio = newScale / oldScale; const realX = zoomCenter.x - state.translateX; const realY = zoomCenter.y - state.translateY; let newTranslateX = -1 * (ratio * realX - zoomCenter.x); let newTranslateY = -1 * (ratio * realY - zoomCenter.y); const coords = checkTranslateRanges(newScale, state.container, {newTranslateX, newTranslateY}); return Map(state) .set('scale',newScale) .set('translateY',coords.newTranslateY) .set('translateX',coords.newTranslateX) .toJS(); ничего здесь не сохраняет свою линку и не должно мне дурить мозг. реселект работает, как я вычитал и посмотреть по принципу shallowEqual, но почему-то его это не устраивает

а попробуй округлить до целых, вот в тупую, и посмотри, перерендеривает тебе или нет)))

через Math.round имеется ввиду?

в CRA что имеет больший приоритет — .env или process environent?

const coords = checkTranslateRanges(newScale, state.container, {newTranslateX, newTranslateY}); console.log('recalculate'); return Map(state) .set('scale',Math.round(newScale)) .set('translateY',Math.round(coords.newTranslateY)) .set('translateX',Math.round(coords.newTranslateX)) .toJS();

const coords = checkTranslateRanges(newScale, state.container, {newTranslateX, newTranslateY}); console.log('recalculate'); return Map(state) .set('scale',Math.round(newScale)) .set('translateY',Math.round(coords.newTranslateY)) .set('translateX',Math.round(coords.newTranslateX)) .toJS();

привет всем. ребят, подскажите плз, как правильно поступить -- я хочу сделать простенькую landing page для себя, react/material. документацию по реакту я осилил и общую концепцию понял. посмотрел несколько туториалов -- везде разный подход. кто-то просто верстку режет на компоненты, кто-то пользуется готовыми библиотеками компонентов (некоторые уже depreacted). не хочу велосипеды изобретать или вникать в подход, который уже не используется, поэтому вопрос такой -- какой путь стандартный на сегодня?

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

Где глянуть конфиги линтера что в CRA зашиты?

попробую возвести маленькое приложение на codesandbox.. может найду проблему. отпишусь :)

https://github.com/facebook/create-react-app/blob/master/packages/eslint-config-react-app/index.js

Замечательное решение!) Обязательно отпишись, мне очень инетерсно чем дело кончится)))

вот это не работает, а с useSelector работает буду копать https://codesandbox.io/s/reactredux-qylcg

Ребята, а реакт может работать с сокетным соединением?

Ребята, а реакт может работать с сокетным соединением?

вот это не работает, а с useSelector работает буду копать https://codesandbox.io/s/reactredux-qylcg

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

если просто протестировать, можно через setTimeout()

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

axios например и async

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

Можно сделать просто, а можно заморочится. Просто - это опрашивать сервер гет запросами не сделал ли он ничо там, а щас, а щас, а щас)) Заморочится, это установить WebSocket'ное соединение с сервером и держать с ним коннект, но ты должен понимать, что это всем придется держать коннект, и если у тебя предполагается очень большой поток людей, то тебе помимо прочности сервера еще коннекты к сокету держать нужно 😉

типо через каждые пару секунд отправлять гет запрос?)

Дык по сути useSelector и есть привязкой к редаксу, так же как maptoprops, ну т.е. чтобы в эти функции передать state из редакса, нужно что-то сделать, или через useSelector передать или через maptoprops (вот например в самом реселекте https://github.com/reduxjs/reselect#connecting-a-selector-to-the-redux-store)

типо через каждые пару секунд отправлять гет запрос?)

А нет идей как это делать не через пропсы? Было бы шедеврально не переписывать все то, что имеется сейчас

Потому что тебе держать коннекты нужно только, если ты собираешся часто и много инфы слать, а если ради одного запроса держать целый коннект, то там беку придется попотеть)) Да, по сути ты таким образом ddos устраиваешь собственноручно, но все таки есть нюансы во всех подходах))

А коннект это что вообще физически? Чтоб понять, почему и насколько бэк с него потеть будет. Может кто подскажет

А ты вопроизвел с useSelector на кодесендбокс твою ситуацию ререндера?