Тёмный
Public Code
Public Code
Public Code
Подписаться
Professional code by Senior Frontend developer

github.com/EvgeniyBudaev
Golang. Function (Функции)
18:20
3 месяца назад
Golang. Struct (Структуры)
18:19
3 месяца назад
Golang. Map
16:20
3 месяца назад
Golang. Slices (Слайсы)
17:45
3 месяца назад
Golang. Arrays (Массивы)
16:46
3 месяца назад
Golang. Pointers (Указатели)
23:16
3 месяца назад
Golang. Basic types (Базовые типы)
17:32
3 месяца назад
Golang.  Hello world
8:06
3 месяца назад
React.js TypeScript Custom Range slider
29:18
3 месяца назад
Spring Boot CRUD pagination
14:44
5 месяцев назад
Spring Boot CRUD get list
4:09
5 месяцев назад
Spring Boot CRUD update catalog
9:56
5 месяцев назад
Spring Boot Crud delete catalog
8:49
5 месяцев назад
Spring Boot CRUD get catalog by uuid
6:29
5 месяцев назад
Spring Boot CRUD create catalog
25:13
5 месяцев назад
Spring Boot CRUD model catalog
4:31
5 месяцев назад
Spring Boot CRUD migration
3:33
5 месяцев назад
Spring Boot CRUD exceptions
12:42
5 месяцев назад
Spring Boot CRUD environment variables
8:03
5 месяцев назад
Spring Boot CRUD logging
0:28
5 месяцев назад
Spring Boot CRUD initialization
1:19
5 месяцев назад
React.js TypeScript TextEditor draft-js
1:11:30
9 месяцев назад
React.js Typescript DatePicker react-date-range
12:35
10 месяцев назад
React.js Typescript react-calendar
27:24
10 месяцев назад
Комментарии
@user-vd9yw5ez3e
@user-vd9yw5ez3e 8 дней назад
Пересказ курса Минина
@TheKykp
@TheKykp 9 дней назад
Добрый день, спасибо за видео, а что если мне надо добавить табличку, или картинку на которой будет текс, это реально с draft.js ? У вас нет примеров?
@gabrielzanda6890
@gabrielzanda6890 Месяц назад
I didn't understand a single word, but your code had all the solution. Thks 🤝
@luckytima2315
@luckytima2315 Месяц назад
хорош братик, про структуры видос вышел скомканный тут прям все понятно
@NickJOin-yw1vd
@NickJOin-yw1vd 2 месяца назад
Спасибо объяснил 😍
@NovikovEugene13
@NovikovEugene13 2 месяца назад
Тема интересная, но реализация отвратительная. Нафиг нужен этот live-coding. Запиши код, сделай монтаж, потом озвучь ролик с пояснениями. Только так можно сделать действительно качественный контент, который будут смотреть десятки тысяч раз.
@public_code_
@public_code_ 2 месяца назад
Спасибо за обратную связь)
@NovikovEugene13
@NovikovEugene13 2 месяца назад
@@public_code_ кстати посмотри ещё как можно сделать breadcrumbs с помощью react-router v6
@MAKS-FISHER
@MAKS-FISHER 2 месяца назад
Что-то стили вообще не работают ни на одном браузере! Всё было не сложно, но и не работает!
@fromsi137
@fromsi137 3 месяца назад
Полезно! Немного не удобно смотреть через телефон. Я бы порекомендовал код и консоль оставить на интерфейсе, чтобы не делать зум видео. А так все без воды и по делу!
@Dmitrijserg
@Dmitrijserg 3 месяца назад
Крутой видос, насыщенный и подробный. Спасибо!
@eugene7230
@eugene7230 3 месяца назад
Реально ? вы предлагаете для каждого нового файла создавать в массиве плагинов обработчик ? может всё же это можно как-то более универсально обрабатывать
@druf5962
@druf5962 4 месяца назад
как считаете, для компонентов из проекта нужны тесты?
@public_code_
@public_code_ 3 месяца назад
Считаю что тесты нужны)
@user-xc6om8wk1g
@user-xc6om8wk1g 4 месяца назад
при установке библиотеки create-date-range файлы со стилями не появились, что надо сделать?
@public_code_
@public_code_ 4 месяца назад
Стили подключаются здесь на строке 5 и 6 github.com/EvgeniyBudaev/react-typescript-ui/blob/master/src/uikit/components/DatePicker/DateRangePicker/DateRangePicker.tsx
@newLevel_
@newLevel_ 4 месяца назад
Error [ERR_REQUIRE_ESM]: require() of ES Module C:\Users\usr\order_web ew ode_modules\gulp-autoprefixer\index.js from C:\Users\usr\order_web ew\gulpfile.js not supported. Instead change the require of index.js in C:\Users\usr\order_web ew\gulpfile.js to a dynamic import() which is available in all CommonJS modules. at Object.<anonymous> (C:\Users\usr\order_web ew\gulpfile.js:5:20) { code: 'ERR_REQUIRE_ESM' }
@user-jq4ht3qg3w
@user-jq4ht3qg3w 4 месяца назад
Hey, so thanks for your video, im only start learning React and TypeScript, now js for me a little bit hard, but im not give up, so thank for your work!!!
@public_code_
@public_code_ 4 месяца назад
Thanks for your feedback!
@itech_1
@itech_1 5 месяцев назад
thank you
@Drezerak
@Drezerak 5 месяцев назад
Уснул 10 раз!
@user-sr8qb9lq3u
@user-sr8qb9lq3u 5 месяцев назад
ребят, или автор, подскажите пожалуйста: я только начал писать код этого интернет магазина но не знаю, использовал ли автор в дальнейшем подключение базы данных (я бы и сам заглянул вперед, но боюсь найти будет затруднительно). И подскажите пожалуйста (если вдруг он базу использовал) SQL ли это?
@public_code_
@public_code_ 5 месяцев назад
Этот плейлист исключительно по верстке. Т.к. вы устанавливаете свежие версии, то скорее всего неизбежны конфликты с теми версиями, которые были установлены 3 года назад. Рекомендую смотреть видео, которым не больше года. Фронтенд стремительно развивается. На канале нет еще видео по работе с SQL. Сейчас начал выкладывать первые записи по Java/Spring Boot/PostgreSQL на примере создания CRUD приложения. В начале 2024г будут записи Golang + PostgreSQL + Next.js на примере создания интернет-магазина
@SoraAkino
@SoraAkino 5 месяцев назад
Здравствуйте, подскажите пожалуйста, как избавиться в данном примере от побочного эффекта... когда стандартный scrollbar перекрывает стилизованный? Пробовал отключать с помощью (::-webkit-scrollbar { display: none; }), но, в таком случае отключается полностью и стандартный и стилизованный. Или же данный подход к созданию scrollbar уже не актуален?
@SoraAkino
@SoraAkino 5 месяцев назад
Почему-то при обновлении страницы Scrollbar (компонент) в целом перестает работать. То есть, он отображает контент внутри, т.е. детей, но при этом сам не срабатывает...
@Have476
@Have476 6 месяцев назад
залипушная попытка прорекламировать свои недокурсы, вы и не найдете там готового макета
@SAMuel21FS
@SAMuel21FS 6 месяцев назад
крутой канал
@public_code_
@public_code_ 6 месяцев назад
Спасибо за фидбек :)
@aleksandrkozowski9717
@aleksandrkozowski9717 6 месяцев назад
Спасибо
@shurinskiy
@shurinskiy 7 месяцев назад
Каждый раз, создавая новую страничку, лазить в конфиг и добавлять новый вызов HTMLWebpackPlugin?!
@ibrahimthaci6136
@ibrahimthaci6136 7 месяцев назад
What extensions are you using for types highlight
@public_code_
@public_code_ 6 месяцев назад
webstorm
@stickmanshow3927
@stickmanshow3927 7 месяцев назад
59:23 при попытке ввода команды gulp выдает ошибку: Error [ERR_REQUIRE_ESM]: require() of ES Module D:\web\2023\MebelGroup ode_modules\del\index.js from D:\web\2023\MebelGroup\gulpfile.js not supported. Instead change the require of index.js in D:\web\2023\MebelGroup\gulpfile.js to a dynamic import() which is available in all CommonJS modules. at Object.<anonymous> (D:/web\2023\MebelGroup\gulpfile.js:8:11) { code: 'ERR_REQUIRE_ESM' } Помогите решить пожалуйста
@lightmore66
@lightmore66 8 месяцев назад
Чесно кажучи розчарований тому дізлайк. Очікував побачити як ручками написати. Бібліотеку ще і просту любий дурінь може використати
@vladislavkomkov5178
@vladislavkomkov5178 8 месяцев назад
Как сделать такие же подсказки к типам, как у тебя?
@public_code_
@public_code_ 8 месяцев назад
Автоматически WebStorm делает из коробки
@user-bg3hu1oz4y
@user-bg3hu1oz4y 8 месяцев назад
А как сделать в react-input-mask возможность ввода +7 или +375 в начале телефона?
@user-kj9mm2gc3r
@user-kj9mm2gc3r 8 месяцев назад
очень полезные уроки!
@user-kj9mm2gc3r
@user-kj9mm2gc3r 8 месяцев назад
спасибо вашим урокам ждем еще
@user-kj9mm2gc3r
@user-kj9mm2gc3r 8 месяцев назад
урок супер, ждем еще таких)
@VIX3301
@VIX3301 9 месяцев назад
Вопрос: папка css внутри неё нужно создавай ФАЙЛ.css или писать нужно именно в папке?
@public_code_
@public_code_ 9 месяцев назад
Внутри папки css создается имяФайла.css
@VIX3301
@VIX3301 9 месяцев назад
@@public_code_ спасибо большое
@kacperkepinski4990
@kacperkepinski4990 9 месяцев назад
piszesz kod 100 lat zanim pokazesz dzialanie
@Voodoo_Studio
@Voodoo_Studio 9 месяцев назад
Спасибо за видео из-за строгого ts в ".getType("") ожидался 1 аргумент, получено 0." и еще "Cannot find module 'draft-js' or its corresponding type declarations" ошибки, как лучше исправить?
@public_code_
@public_code_ 9 месяцев назад
В getType("") передается уже аргумент type как пустая строка. Выполни npm i draft-js draft-convert
@user-ll4zp5pc9e
@user-ll4zp5pc9e 10 месяцев назад
Спасибо вам
@Voodoo_Studio
@Voodoo_Studio 10 месяцев назад
Ура! Спс. А то уже весь плейлист прошел
@NishaBosngs
@NishaBosngs 10 месяцев назад
а что делать когда закончил писать гитигнор и в терминале ошибка после "git commit -m "initial" подскажите пожалуйста
@druf5962
@druf5962 11 месяцев назад
Обязателен ли сервер что бы реализовать фичу из урока? Как быть если хостишь сайт для резюме, а сервер урл в проекте у нас 3000 фиксированный? Спс за урок
@public_code_
@public_code_ 11 месяцев назад
Можно синхронизировать вкладки браузера между собой в React без использования сервера, используя такие инструменты, как localStorage, sessionStorage или библиотеки управления состоянием, например Redux или MobX. По второму вопросу не очень подробно описана проблема, но предполагаю что у тебя на проекте React и ты хочешь настроить проксирование запросов между клиентским приложением и серверным API. Для этого нужно в package.json добавить proxy. Более профессиональный подход для решения согласованности в разных средах это использовать Docker и Nginx. Это очень большая тема, чтобы описать всю работу в одном комментарии :) Взять за пример можешь мой проект, в котором бек и фронт согласованы и развернуты были на сервере github.com/EvgeniyBudaev/eccomerce_fullstack_mirrorlook_v3/blob/main/infra/nginx.conf
@Voodoo_Studio
@Voodoo_Studio 11 месяцев назад
В copyPage бесконечный перерендр из-за эффекта с сетТаймаутом с зацикленным внутри стейтом
@public_code_
@public_code_ 11 месяцев назад
Доработал CopyPage. Сделал в uikit отдельный компонент CopyToClipboard. Спасибо)
@Voodoo_Studio
@Voodoo_Studio 11 месяцев назад
а если тултип будет по краю то скорее всего будет обрезаться контент при таком подходе? кстати в новой версии проекта в логике не получается разобраться совсем(( + отсутствует варианты с кликом и фокусом, лишь один хавер вместо этого заюзал библиотеку react-tooltip. не пользовались такой?
@public_code_
@public_code_ 11 месяцев назад
Custom версии не учитывают все бизнес требования, а показывают базовый алгоритм и с этими знаниями легче будет кастомизировать готовые либы. В новой версии onMouseOver заменить на onClick вроде бы не является сложной задачей. Спасибо, запишу обновленное видео
@public_code_
@public_code_ 11 месяцев назад
Доработал Tooltip. Теперь может работать при hover эффекте или клике в зависимости от переданного props
@Voodoo_Studio
@Voodoo_Studio 11 месяцев назад
спс, жаль лишь один dropdown на странице, с несколькими усложненная логика
@public_code_
@public_code_ 11 месяцев назад
Спасибо, доработаю с несколькими dropdown на странице
@public_code_
@public_code_ 11 месяцев назад
Доработал DropDown. Несколько штук сделал на странице в качестве примера. Спасибо за идею)
@user-by4pt8nb3b
@user-by4pt8nb3b 11 месяцев назад
59:23 У меня при запуске gulp выдаёт ошибку TypeError: gulp.task is not a function at Object.<anonymous>, все варианты прочитал и перепробовал в интернете, не работает
@public_code_
@public_code_ 11 месяцев назад
Новая версия Gulp при установке отличается от той, которая была на момент записи видео. Рекомендую смотреть актуальные новые видео по сборке Gulp.
@user-by4pt8nb3b
@user-by4pt8nb3b 11 месяцев назад
@@public_code_ Извините, я не могу найти больше таких же сборок. у меня только 5 дней осталось, да и я новичок в этом деле
@user-by4pt8nb3b
@user-by4pt8nb3b 11 месяцев назад
@@public_code_ можно ли установить точную версию gulp или есть возможность только на последнюю версию?
@public_code_
@public_code_ 11 месяцев назад
@@user-by4pt8nb3b точная версия должна быть не только Gulp, а всех зависимостей из файла package.json Это норма что с течением времени проект не запускается из-за новых версий, иначе в программистах не было бы нужды) Проекты нужно обновлять и поддерживать.
@user-by4pt8nb3b
@user-by4pt8nb3b 11 месяцев назад
@@public_code_ ладно, спасибо
@user-by4pt8nb3b
@user-by4pt8nb3b 11 месяцев назад
а что если пишет ошибку при соединении файла gitignore
@druf5962
@druf5962 11 месяцев назад
спс за видео. будет ли обновление из текущей версии приложения. не получается без видоса разобраться))
@public_code_
@public_code_ 11 месяцев назад
Будет)
@Voodoo_Studio
@Voodoo_Studio 11 месяцев назад
все понятно, но ведь будут лишние перерендеры? там на одном стейте все формы повязаны..
@public_code_
@public_code_ 11 месяцев назад
Я записал видео из-за алгоритма, чтобы его не потерять) В рабочем проекте лучше использовать react-input-mask. Пример использования github.com/EvgeniyBudaev/react-typescript-ui/blob/master/src/pages/FormPage/FormPage.tsx Видео запишу
@co181
@co181 Год назад
спасибо за труд и что записал такой плейлист, это лучшее что видел из Реакт + ТС на ютубе на русском языке
@Voodoo_Studio
@Voodoo_Studio Год назад
Принцип и код понятен, но повторить или запомнить оч тяжко, думаю что не стоит и пытаться. Спс за видео
@Voodoo_Studio
@Voodoo_Studio Год назад
спс за видео. по нейминг БЭМу чаще видел в туториалах, когда дочерние элементы "parent__child", модификаторы "parent__child-active", класснейм из двух слов "parent__child-link". Какой вариант вернее ваш или этот?))
@public_code_
@public_code_ Год назад
Руководствоваться стоит документацией ru.bem.info/methodology/quick-start/ или соглашениями, которые установлены в команде
@Grozny446
@Grozny446 Год назад
привет. планируется что-нибудь в комбинации nextjs13-pwa-ts продемонстрировать?
@public_code_
@public_code_ Год назад
Привет, планирую стрим по разработке интернет-магазина
@user-up1wk9md1m
@user-up1wk9md1m Год назад
Долго не мог понять как это сделать, наткнулся на вас. Большое вам спасибо !!!
@public_code_
@public_code_ Год назад
Спасибо за обратную связь!
@user-dx1ly2to1m
@user-dx1ly2to1m Год назад
Боже мой, почему из всего интернета только после вашего видео я все сделала правильно. Но все это нужно делать в связке с tsconfig для будущих зрителей (погуглите про baseUrl и paths).