Комментарии пользователя Иван Дербенченко

Как тут происходит проброс props?

Иван Дербенченко @Mr_FabiozZz

Евгений Иванов, если аргумент один скобки можно опустить.
"p" - это элемент массива, в данном случае объект с полями {id: Number, message: String, likesCount:Number}

(p) => <Post message={p.message} likesCount={p.likesCount} />
p => <Post message={p.message} likesCount={p.likesCount} />
post => <Post message={post.message} likesCount={post.likesCount} />
(postItem) => <Post message={postItem.message} likesCount={postItem.likesCount} />

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

Написано более трёх лет назад

Как сфомировать диманические react router ссылки в функциональных компонентах?

Иван Дербенченко @Mr_FabiozZz

Seo на Reacte? Я думал что он не пригоден для seo, разве что в связке с NextJS ....

Написано более трёх лет назад

Как правильно подключить css файлы в reactjs / nextjs?

Иван Дербенченко @Mr_FabiozZz

если вы используете module.css его нужно подключать в конкретном компоненте:

// Foo.jsx
import classes from './foo.module.css'
export const Foo = () =>{
   return (
       <div className={classes.wrapper}>
       // code
       </div>
    )
}

// foo.module.css
.wrapper{
     // code
}

Это будет верно как для React так и для Next.
К сожалению не до конца уверен что Next собирается так же как React, учитывая что там SSR ....
На этот ответ вопрос можно посмотреть в доках, или подождать более опытного пользователя форума))

Написано более трёх лет назад

Как правильно использовать setstate в функционально компоненте для изменения булево значения?

Иван Дербенченко @Mr_FabiozZz

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

можно синхронизировать запрос на сервер и приложение, для этого есть redux-thunk и redux-saga это если вы используете redux

так же можно в useEffect вызвать асинхронную функцию

useEffect(()=>{
    // условие для отправки запроса
     if(!loggedIn){
     (async()=>{
        await fetchRequest // в эту переменную войдут данные с сервера, которые в последующем можно обработать

       // после обработки, сохранением в store или локальный state можно переключить флаг
        setLoggedIn(true)
     })()
}
},[loggedIn])

// есть еще такой вариант
useEffect(()=>{
    // условие для отправки запроса
     if (!loggedIn){
     fetch('/some/url/here/',{options}).then(response=>response.json).then(response=>{
            // обработка ответа сервера
           // ........code
           // после обработки, сохранением в store или локальный state можно переключить флаг
            setLoggedIn(true)          
     })
       // после обработки, сохранением в store или локальный state можно переключить флаг
        setLoggedIn(true)
}
},[loggedIn])

но мне кажется я все равно вас не до конца понял)

Написано более трёх лет назад

Какой алгоритм работы с JWT token?

Иван Дербенченко @Mr_FabiozZz

Сам джун, но уже столкнулся с JWT, отвечу исходя из своего опыта.

1) при авторизации вам бэк отдает access_token (AT) и refresh_token(RT), АТ прикрепляется ко всем запросам к базе, оба токена у меня лежат в localStorage
2) тут смотря как устроен бэк, в вашем примере видно что бэк отдает только один токен (странно ....), так как он один скорее всего он долгоживущий
3) срок жизни токена устанавливает бэк, с него и спрос. В моем случае токен жил 24 часа
4) я уже выше писал что в моем случае они хранились в localStorage. Если хранить в приложении то после обновления страницы теряются оба токена (можно делать проверку в корневом компоненте на наличие в приложении AT и при отсутствии делать обновление токена используя RT)
5) я использовал redux для хранения состояния о авторизации, схема была такой, если при запросе к базе была ошибка о том что токен просрочен, у меня уходил запрос на обновление токена, если страница была перезагружена, у меня сначала шел запрос на верификацию (просрочен или нет), если нет, то дальше продолжаю пользоваться приложением, если да, уходит запрос на восстановление токена

как-то так

Написано более трёх лет назад

Как правильно использовать setstate в функционально компоненте для изменения булево значения?

Иван Дербенченко @Mr_FabiozZz

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

Написано более трёх лет назад

Как реализовать прерывание запроса axios из Redux-saga?

Иван Дербенченко @Mr_FabiozZz Автор вопроса

Владимир, спасибо за Ваш ответ!
LOAD_CLIENTS_ALL диспатчится каждый раз при каждом переходе на домашнею страницу,
но единожды.
А по поводу отмены запроса - так это обычная практика (как я понял) перед размонтированием компонента закрыть все открытые соединения, разве не так?
Я бы и рад этого не делать, но ~~практика~~ PM говорит о другом)

Написано более трёх лет назад