This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 123
Сделал функционал корзины, неполностью конечно еще есть над чем поработать.
Начал лучше понимать функционал Redux, ошибки были, но зачастую все фиксились через откалду с помощью консоли.
Сделал функционал корзины, неполностью конечно еще есть над чем поработать.
Начал лучше понимать функционал Redux, ошибки были, но зачастую все фиксились через откалду с помощью консоли.
🔥3👨💻1
ДЕНЬ 124
Добавил подсчёт количества товаров, а так же их сумму. Добавил отображения количества у каждого товара. Пробовал сделать отображения суммы у самих товаров, но не вышло. Изначально подсчитывало цену всех товаров, затем undefined, пробовал брать значения через пропсы и перемножать, но не получилось, также через useSelector брать значения, тоже бестолку. Есть идея попробовать сделать это в store
Добавил подсчёт количества товаров, а так же их сумму. Добавил отображения количества у каждого товара. Пробовал сделать отображения суммы у самих товаров, но не вышло. Изначально подсчитывало цену всех товаров, затем undefined, пробовал брать значения через пропсы и перемножать, но не получилось, также через useSelector брать значения, тоже бестолку. Есть идея попробовать сделать это в store
❤3👨💻2
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 125
Исправил ошибку с выводом суммы товара + добавил удаление из корзины.
Исправил ошибку с выводом суммы товара + добавил удаление из корзины.
👨💻2👏1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 126
Добавил функцию подсчета товаров в самой корзине, но она пока работает коряво, информация обновляется, если закрыть и снова открыть окно корзины. Пробовал многими способами сделать эту фичу.
То неправильно элементы рендерились( у меня было два map. Один рендерил компонент, а другой все элементы в компоненте), то коряво написан redux. И прочие мелочи связанные с синтаксисом.
Также изменил логику отображения элементов в компоненте. До этого информация перекидывались с props , а теперь берется с Redux
Добавил функцию подсчета товаров в самой корзине, но она пока работает коряво, информация обновляется, если закрыть и снова открыть окно корзины. Пробовал многими способами сделать эту фичу.
То неправильно элементы рендерились( у меня было два map. Один рендерил компонент, а другой все элементы в компоненте), то коряво написан redux. И прочие мелочи связанные с синтаксисом.
Также изменил логику отображения элементов в компоненте. До этого информация перекидывались с props , а теперь берется с Redux
👾3❤1👍1👨💻1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 127
Теперь все работает как и хотелось. Заменил дивчики на input, иначе значения обновлялись лишь при рендере компонента (открытии корзины).
Единственное, что не получилось реализовать, так это изменение ширины инпута в зависимости от длины значений. Идея в чем, получать длину всех значений и менять на подходящию ширину, что бы не оставалось лишнего пространства между элементами. Длину вытащить получилось, а вот записать изменение ширины на react не вышло.
По итогу задал ширину как константа и выравнивание по правому краю
Теперь все работает как и хотелось. Заменил дивчики на input, иначе значения обновлялись лишь при рендере компонента (открытии корзины).
Единственное, что не получилось реализовать, так это изменение ширины инпута в зависимости от длины значений. Идея в чем, получать длину всех значений и менять на подходящию ширину, что бы не оставалось лишнего пространства между элементами. Длину вытащить получилось, а вот записать изменение ширины на react не вышло.
По итогу задал ширину как константа и выравнивание по правому краю
🔥4👾2
Одно из решений гпт предлагает обновить зависимости, но при запуске команды идет очень долгая загрузка, которая не заканчивается.
Кто сталкивался с такой проблемой расскажите как пофиксили, пожалуйста.
Кто сталкивался с такой проблемой расскажите как пофиксили, пожалуйста.
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 128
Добавил сохранение товаров из корзины в localstorage, теперь при перезагрузке страницы товары остаются в корзине.
Очень долго пытался сделать эту фичу, изначально хотел реализовать это с помощью redux persist. При установке ругался на недоустановленные пакеты. Обновлял все зависимости, был вариант установить более старую версию node, но тоже гиблая тема, пришлось бы также кучу всего устанавливать и менять. Поэтому понял, что redux persist это мертвая библиотека, так как последнее обновление у них было в октябре 2021 года. В итоге, решил делать без него через redux.
Функцию удаления и добавления в локалу было сделать легко, а вот чтения... Пришлось сильно помучаться с этим. Просто через useEffect чтение не получалось, добавил состояние(если в локалке есть ключ, то значение состояние true, если нет то false) и в зависимости от значения элементы будут рендерться, но и это не получилось. Решил попробовать через экшен в redux, затем использовать его через dispatch в useEffect.
Добавил сохранение товаров из корзины в localstorage, теперь при перезагрузке страницы товары остаются в корзине.
Очень долго пытался сделать эту фичу, изначально хотел реализовать это с помощью redux persist. При установке ругался на недоустановленные пакеты. Обновлял все зависимости, был вариант установить более старую версию node, но тоже гиблая тема, пришлось бы также кучу всего устанавливать и менять. Поэтому понял, что redux persist это мертвая библиотека, так как последнее обновление у них было в октябре 2021 года. В итоге, решил делать без него через redux.
Функцию удаления и добавления в локалу было сделать легко, а вот чтения... Пришлось сильно помучаться с этим. Просто через useEffect чтение не получалось, добавил состояние(если в локалке есть ключ, то значение состояние true, если нет то false) и в зависимости от значения элементы будут рендерться, но и это не получилось. Решил попробовать через экшен в redux, затем использовать его через dispatch в useEffect.
🔥3🕊1🤪1
Путь до джуна
ДЕНЬ 128 Добавил сохранение товаров из корзины в localstorage, теперь при перезагрузке страницы товары остаются в корзине. Очень долго пытался сделать эту фичу, изначально хотел реализовать это с помощью redux persist. При установке ругался на …
На удивление это сработало.
+ Начал решать задачи на codewars, лишним 100% не будет
+ Начал решать задачи на codewars, лишним 100% не будет
ДЕНЬ 129
Решил сегодня пару задач на codewars по JavaScript(6 kyu). Не сказал бы, что есть серьёзные затупы в понимании алгоритма(как это было раньше), спасибо за это питону, на котором программируем в колледже. В основном есть проблемы с синтаксисом, но это всё гуглится без проблем.
Так же совсем скоро закончу писать базу данных на PostgreSQL. По плану осталось внести инфу, сделать ограничения на вставку и попрактиковаться с запросами на выборку.
Думаю за неделю закончу с базой, затем буду подключать её к новому проекту
Решил сегодня пару задач на codewars по JavaScript(6 kyu). Не сказал бы, что есть серьёзные затупы в понимании алгоритма(как это было раньше), спасибо за это питону, на котором программируем в колледже. В основном есть проблемы с синтаксисом, но это всё гуглится без проблем.
Так же совсем скоро закончу писать базу данных на PostgreSQL. По плану осталось внести инфу, сделать ограничения на вставку и попрактиковаться с запросами на выборку.
Думаю за неделю закончу с базой, затем буду подключать её к новому проекту
1🔥5🏆2🕊1🤝1
This media is not supported in your browser
VIEW IN TELEGRAM
Интересно конечно PostgreSQL меняет тип данных
🔥2🤩1
Пытаюсь, добавить новую колонку в таблицу, после удаление данных из нее, но выводит, что есть значение null, хотя данных нет. Всё решилось дропом таблицы
🔥2👍1
Бд готова, осталось защитить ее. Все делалось исключительно SQL скриптом, создание таблиц, вставка, тригеры, ограничения ну и запросы само собой. 5 простых запросов, 5 запросов с агрегиующими функциями(min, max, sum), 5 вложенных(скалярные, коррелированные,некоррелированные), 3 материализованных представления, 3 обычных представления. 5 запросов join(left, inner, right). И пару запросов с with as.
Диаграмма базы на фото
Диаграмма базы на фото
💊7👍1🔥1👏1🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
Какой frontend, python + Minecraft наше всё
🔥7💩6
Такие макеты верстал на парах
🔥3