Ответы пользователя по тегу React
  • Проблема с typescript в React (child)?

    @vovashaplin Автор вопроса
    Закрыто
    Ответ написан
    Комментировать
  • Работаю с NextJS? Когда использовать SSG, а когда SSR?

    @vovashaplin Автор вопроса
    Static - автоматическая генерация статики без данных ( просто html без данных из сервера )
    SSG - автоматическая генерация статики и JSON с данными ( html с json, в который во время билда внеслись данные)
    SSR - рендеринг на стороне сервера на момент перед показом страницы ( запрос на сервер -> приход данных -> показ страницы пользователю )

    SSG ( getStaticProps и getStaticPaths ) нужен для показа страниц или страниц товаров лишь в том случае, если данные на этх страницах меняются не так часто, потому что нужно делать build каждый раз после смены данных на БД. Но данный способ очень быстрый.
    Но если ваши данные меняются часто, вы или заказчик часто обновляете контент страниц и товаров, то на помощь придет SSR ( getServerSideProps ). Данный способ медленнее чем SSG, но быстрее чем дефолтный запрос на стороне клиента (SPA).

    - главная страница ( просто информативная) Static или SSG
    - страница с товарами, пагинацией, сортировкой и поиском SSR или SSG
    - корзина SSR
    - страница с заполнением заказа SSR
    - страница смены данных пользователя SSR
    - регистрация и вход SSR
    - админ панель для изменения и добавления товаров SSR

    Если есть поправки или думаете что я где-то не прав, пишите.
    Ответ написан
    3 комментария
  • При axios post запросе на django приходят пустые данные?

    @vovashaplin Автор вопроса
    Нашел решение
    const addItemToBasket = (item) => {
            dispatch({ type: ADD_ITEM_TO_BASKET, payload: item })
            const data = { uid: item.id, amount: 1, email: store.get('email') }
    
            const options = {
                method: 'POST',
                url: "http://localhost:8000/cart/add",
                data: qs.stringify(data)
            }
            axios(options)
                .then((response) => {
                    console.log(response.data)
                })
                .catch((error) => {
                    console.log(error);
                });
    Ответ написан
    Комментировать