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
Пытаюсь связаться с апишкой (exchangerate-api), с сервера приходит код 200, значит запрос выполнен успешно, но при преобразовании в json выдаёт ошибку
DeepSeek утверждает, что проблема либо в ключе и URL, либо сервер не отвечает, либо блокирует запрос. Но странно, что статус запроса при этом 200.
Проект фактически сделан, но апишка всё портит.
P.S Код файла в комментариях или по ссылке: http://github.com/Holman52/crypto/blob/main/src/utils/useConvertRate.jsx
Unexpected token '<', "<!doctype "... is not valid JSON
Для сравнения: ответ который я должен получить находится на первом фото, но получаю я совершенно другой(находится на втором фото). Все методы перепробовал - ключ правильный, URL тоже. DeepSeek утверждает, что проблема либо в ключе и URL, либо сервер не отвечает, либо блокирует запрос. Но странно, что статус запроса при этом 200.
Проект фактически сделан, но апишка всё портит.
P.S Код файла в комментариях или по ссылке: http://github.com/Holman52/crypto/blob/main/src/utils/useConvertRate.jsx
👀2🔥1🤮1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 130
Разработал простенький конвертор валют. Пользователь вводит число и необходимые валюты, затем получает результат курса. Были проблемы с апишкой, так как первый раз в реакте использовал апишку, засунул .env с ключом в SRC, тем самым получал значение undefined при попытке получить коэффициент конвертации.
Весь проект стоит оптимизировать, чтобы компоненты не рендерились повторно из-за мелких изменений.
Также перешёл на vite, очень удобный инструмент сборки. Было неудобно создавать проект при create-react-app, так как при написании верстки приходилось перезапускать сервер. Стоит отметить, что очень у vite простая и быстрая настройка для создания проекта.
Разработал простенький конвертор валют. Пользователь вводит число и необходимые валюты, затем получает результат курса. Были проблемы с апишкой, так как первый раз в реакте использовал апишку, засунул .env с ключом в SRC, тем самым получал значение undefined при попытке получить коэффициент конвертации.
Весь проект стоит оптимизировать, чтобы компоненты не рендерились повторно из-за мелких изменений.
Также перешёл на vite, очень удобный инструмент сборки. Было неудобно создавать проект при create-react-app, так как при написании верстки приходилось перезапускать сервер. Стоит отметить, что очень у vite простая и быстрая настройка для создания проекта.
🔥4👏1💩1
🔧 Всю неделю делал вёрстку через gulp по макету: 📎 https://www.figma.com/design/YzuOcBWGO4pOCW7O3I3KOw/eCommerce_Website_Web_Page_Design_UI_KIT_Interior_Landing_Page_Community?node-id=0-1&t=xnXgLPxzXbYe5Xxi-1
Прикольная штука для автоматизации рутинных задач по вёрстке. 🔨 Перед началом работы нужно установить огромное количество пакетов + настроить всё через конфиг.
⚙️ Конфиг включает:
- Автоматическую конвертацию изображений в webp
- Ресайз изображений под разные устройства
- Компиляцию SCSS → CSS (писал на SCSS)
🔄 В Gulp используется похожая на React логика компонентов, но с другим синтаксисом:
- Вставка: @@include (Gulp) vs JSX (React)
- Данные: @@переменные (Gulp) vs props (React)
📸 Примеры:
- Компонент на React
- Компонент на Gulp
- Вставка в HTML
Вёрстка немного кривая, на айфоне текст может съехать
🚀 Результат: 📎 https://holman52.github.io/host-gulp/
Как такого JS нет, только на открытие корзины
Прикольная штука для автоматизации рутинных задач по вёрстке. 🔨 Перед началом работы нужно установить огромное количество пакетов + настроить всё через конфиг.
⚙️ Конфиг включает:
- Автоматическую конвертацию изображений в webp
- Ресайз изображений под разные устройства
- Компиляцию SCSS → CSS (писал на SCSS)
🔄 В Gulp используется похожая на React логика компонентов, но с другим синтаксисом:
- Вставка: @@include (Gulp) vs JSX (React)
- Данные: @@переменные (Gulp) vs props (React)
📸 Примеры:
- Компонент на React
- Компонент на Gulp
- Вставка в HTML
Вёрстка немного кривая, на айфоне текст может съехать
🚀 Результат: 📎 https://holman52.github.io/host-gulp/
Как такого JS нет, только на открытие корзины
🔥6