вопрос на засыпку , нужно подумать, Если юзаю вместо LINK, тег <a href, реакт приложение все еще SPA или уже нет? и почему

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

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

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

потому что не противоречит определению SPA, а именно "SPA - веб-приложение или веб-сайт, использующий единственный HTML-документ как оболочку для всех веб-страниц и организующий взаимодействие с пользователем через динамически подгружаемые HTML, CSS, JavaScript, обычно посредством AJAX." википедия

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

замени линки на <a href, и переходи на них, ты будешь всегда грузить НОВУЮ страницу, а не выполнять код предыдущей, пропала магия спа в таком случае

замени линки на <a href, и переходи на них, ты будешь всегда грузить НОВУЮ страницу, а не выполнять код предыдущей, пропала магия спа в таком случае

в спа вьюхи на клиенте рисуются

спасибо кеп, не знал, я же вопрос поставил как? если переходишь по a ссылке - ты грузишь новую страницу, а не вполняешь код в браузере, отличная черта спа, я не прав? почему

что значит как? ты вообще читал про спа?

спасибо кеп, не знал, я же вопрос поставил как? если переходишь по a ссылке - ты грузишь новую страницу, а не вполняешь код в браузере, отличная черта спа, я не прав? почему

почитай мою мысль, я не буду читать твои сообщения, не понимаю тебя

Откуда возьмётся новая страница без ssr?

возьми, переделай ссылки на <a,, открой нетворс и наблюдай что происходит,

И? Что ты пытаешься доказать?

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

Всем привет. Поясните пожалуйста, как происходит shallow comparision в mapStateToProps, если в стейте у меня вложенные обьекты. Фор экзампл в мепстейттупропс: data: state.first.second.data Сначала сравниваются ссылки на first, потом на second, потом на third и потом сравниваются data? И поэтому в редьюсере мы должны делать копии на всех уровнях вложенности да?

Зачем такое делать? Все линки в спа на внутренние роуты должны быть с превентдефолт

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

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

Это больше филосовский вопрос

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

нет. сразу data сравнивается

Имхо если постоянно не надо по реальным ссылкам часто переходить то вполне спа

Так зачем тогда мы делаем копии в стейте на каждом уровне вложенности (имьютабельность), а не сразу пишем first.second.data = newValue?

Так зачем тогда мы делаем копии в стейте на каждом уровне вложенности (имьютабельность), а не сразу пишем first.second.data = newValue?

как это не нужно? ну камон, ну вот все линки замени на <a, что бы перейти куда то, жмешь на ссылку, грузишь код по еновой, а не исполняешь тот, что загрузил ранее

Так почему в доках пишут что делается шеллоу комперижен? По ссылке

как это не нужно? ну камон, ну вот все линки замени на <a, что бы перейти куда то, жмешь на ссылку, грузишь код по еновой, а не исполняешь тот, что загрузил ранее

так можно и html контент считать xml api

как это не нужно? ну камон, ну вот все линки замени на <a, что бы перейти куда то, жмешь на ссылку, грузишь код по еновой, а не исполняешь тот, что загрузил ранее

потому-что делается по ссылке

Так зачем тогда мы делаем копии в стейте на каждом уровне вложенности (имьютабельность), а не сразу пишем first.second.data = newValue?

Можно на линки и пустые обработчики повесить с превентом и вообще никуда ходить не будет - дальше то что? Кому такое приложение сломанное нужно? Зачем мы это обсуждаем?

Это если data обьект?

Можно на линки и пустые обработчики повесить с превентом и вообще никуда ходить не будет - дальше то что? Кому такое приложение сломанное нужно? Зачем мы это обсуждаем?

Ты молодец что задался этим вопросом. Большенство думают что если они обновляют часть стейта, то у них все компоненты тригерятся, и они прикручивают reselect

Ты молодец что задался этим вопросом. Большенство думают что если они обновляют часть стейта, то у них все компоненты тригерятся, и они прикручивают reselect

вот вам пример https://codesandbox.io/s/todos-xwgyb

То есть копии типа ...first {...second} в редьюсере можно и не делать и писать state.first.second.data = newObj и эти копии делаются просто на базе соглашения о имьютабельности?

Редьюсер должен возвращать новый стейт для ререндера

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

так почему не тригерится то? ты так и не сказал

потому-что ссылка не меняется prevState.counter === nextState.counter prevState.input !== nextState.input

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

но тригернулся весь стейт, как ссылка осталась?

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

я не разбиваю, например. Если галерея картинок - тогда уже отдельный создаю. имхо

Как удобнее

ну да. вообщем надо менять только те ссылки, где хочешь ререндер тех компонентов которые подписанны на этот кусочек стейта

но тригернулся весь стейт, как ссылка осталась?

по ссылке сохранил const state = { counter: { value: 0 }, input: { value: '' } } обновишь counter и input передастся по сссылке конект сравнит все и не тригернет

То есть чтобы ререндерить компонент если в data что-то меняется, я должен: 1. Создать новый стейт ...state, чтобы запустить mapStateToProps 2. Изменить data first.second.data: {...state.first.second.data, someNewProp}

Так там проп не изменится, вот и не будет ререндера

выходит реселект Не нужен???????

выходит реселект Не нужен???????

нет. Не нужен