- Видео 177
- Просмотров 163 840
Public Code
Добавлен 29 апр 2020
Professional code by Senior Frontend developer
github.com/EvgeniyBudaev
github.com/EvgeniyBudaev
Видео
Golang. Conditional statements (Условные операторы)
Просмотров 578 месяцев назад
Golang. Условные операторы
React.js TypeScript Custom Range slider
Просмотров 6888 месяцев назад
React.js TypeScript Custom Range slider github.com/EvgeniyBudaev/react-typescript-ui/blob/master/src/pages/RangeSliderPage/RangeSliderPage.tsx Video material without any advertising. I ask you to support the development of the channel by clicking like and subscribing, if you have not already done so;) I would be grateful if you additionally leave a comment about the quality of this material. Ви...
Spring Boot CRUD pagination
Просмотров 6110 месяцев назад
Spring Boot CRUD pagination github.com/EvgeniyBudaev/spring-boot-crud telegram: t.me/public_code_chat
Spring Boot CRUD get list
Просмотров 2410 месяцев назад
Spring Boot CRUD update catalog github.com/EvgeniyBudaev/spring-boot-crud telegram: t.me/public_code_chat
Spring Boot CRUD update catalog
Просмотров 1710 месяцев назад
Spring Boot CRUD update catalog github.com/EvgeniyBudaev/spring-boot-crud telegram: t.me/public_code_chat
Spring Boot Crud delete catalog
Просмотров 2710 месяцев назад
Spring Boot Crud delete catalog github.com/EvgeniyBudaev/spring-boot-crud telegram: t.me/public_code_chat
Spring Boot CRUD get catalog by uuid
Просмотров 6510 месяцев назад
Spring Boot CRUD get catalog by uuid
Spring Boot CRUD environment variables
Просмотров 45810 месяцев назад
Spring Boot CRUD environment variables
React.js TypeScript TextEditor draft-js
Просмотров 1,5 тыс.Год назад
React.js TypeScript TextEditor draft-js
React.js Typescript DatePicker Calendar Input date range field
Просмотров 271Год назад
React.js Typescript DatePicker Calendar Input date range field
React.js Typescript DatePicker Calendar Input date field
Просмотров 557Год назад
React.js Typescript DatePicker Calendar Input date field
React.js Typescript DateRangePicker react-date-range
Просмотров 1,4 тыс.Год назад
React.js Typescript DateRangePicker react-date-range
React.js Typescript DatePicker react-date-range
Просмотров 737Год назад
React.js Typescript DatePicker react-date-range
React 18 JS Typescript Accordion react-transition-group
Просмотров 657Год назад
React 18 JS Typescript Accordion react-transition-group
Хороший урок, спасибо🙂
один вопрос - нахуя картинку как-то по-дэбильному через js подключать
Что хранится в бакетах мапы? Коллизионные значения или все разные?
В бакетах мапы хранятся ключи, которые могут получиться в результате коллизии, и их значения отсортированы по старшим битам
where can I check this webpack config fully?
Прекрасно! Будет ли продолжение?
Thank you sir🙏🙏🙏🙏
Пересказ курса Минина
Добрый день, спасибо за видео, а что если мне надо добавить табличку, или картинку на которой будет текс, это реально с draft.js ? У вас нет примеров?
Таких примеров нет. Это частный случай. Не вижу принципиальной разницы форматировать текст, заключенный в прямоугольные рамки, как в TextEditor или сделать тоже самое внутри таблицы или картинки.
I didn't understand a single word, but your code had all the solution. Thks 🤝
хорош братик, про структуры видос вышел скомканный тут прям все понятно
Спасибо объяснил 😍
Тема интересная, но реализация отвратительная. Нафиг нужен этот live-coding. Запиши код, сделай монтаж, потом озвучь ролик с пояснениями. Только так можно сделать действительно качественный контент, который будут смотреть десятки тысяч раз.
Спасибо за обратную связь)
@@public_code_ кстати посмотри ещё как можно сделать breadcrumbs с помощью react-router v6
Что-то стили вообще не работают ни на одном браузере! Всё было не сложно, но и не работает!
Полезно! Немного не удобно смотреть через телефон. Я бы порекомендовал код и консоль оставить на интерфейсе, чтобы не делать зум видео. А так все без воды и по делу!
Крутой видос, насыщенный и подробный. Спасибо!
Реально ? вы предлагаете для каждого нового файла создавать в массиве плагинов обработчик ? может всё же это можно как-то более универсально обрабатывать
как считаете, для компонентов из проекта нужны тесты?
Считаю что тесты нужны)
при установке библиотеки create-date-range файлы со стилями не появились, что надо сделать?
Стили подключаются здесь на строке 5 и 6 github.com/EvgeniyBudaev/react-typescript-ui/blob/master/src/uikit/components/DatePicker/DateRangePicker/DateRangePicker.tsx
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' }
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!!!
Thanks for your feedback!
thank you
Уснул 10 раз!
ребят, или автор, подскажите пожалуйста: я только начал писать код этого интернет магазина но не знаю, использовал ли автор в дальнейшем подключение базы данных (я бы и сам заглянул вперед, но боюсь найти будет затруднительно). И подскажите пожалуйста (если вдруг он базу использовал) SQL ли это?
Этот плейлист исключительно по верстке. Т.к. вы устанавливаете свежие версии, то скорее всего неизбежны конфликты с теми версиями, которые были установлены 3 года назад. Рекомендую смотреть видео, которым не больше года. Фронтенд стремительно развивается. На канале нет еще видео по работе с SQL. Сейчас начал выкладывать первые записи по Java/Spring Boot/PostgreSQL на примере создания CRUD приложения. В начале 2024г будут записи Golang + PostgreSQL + Next.js на примере создания интернет-магазина
Здравствуйте, подскажите пожалуйста, как избавиться в данном примере от побочного эффекта... когда стандартный scrollbar перекрывает стилизованный? Пробовал отключать с помощью (::-webkit-scrollbar { display: none; }), но, в таком случае отключается полностью и стандартный и стилизованный. Или же данный подход к созданию scrollbar уже не актуален?
Почему-то при обновлении страницы Scrollbar (компонент) в целом перестает работать. То есть, он отображает контент внутри, т.е. детей, но при этом сам не срабатывает...
залипушная попытка прорекламировать свои недокурсы, вы и не найдете там готового макета
крутой канал
Спасибо за фидбек :)
Спасибо
Каждый раз, создавая новую страничку, лазить в конфиг и добавлять новый вызов HTMLWebpackPlugin?!
What extensions are you using for types highlight
webstorm
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' } Помогите решить пожалуйста
Чесно кажучи розчарований тому дізлайк. Очікував побачити як ручками написати. Бібліотеку ще і просту любий дурінь може використати
Как сделать такие же подсказки к типам, как у тебя?
Автоматически WebStorm делает из коробки
А как сделать в react-input-mask возможность ввода +7 или +375 в начале телефона?
очень полезные уроки!
спасибо вашим урокам ждем еще
урок супер, ждем еще таких)
Вопрос: папка css внутри неё нужно создавай ФАЙЛ.css или писать нужно именно в папке?
Внутри папки css создается имяФайла.css
@@public_code_ спасибо большое
piszesz kod 100 lat zanim pokazesz dzialanie
Спасибо за видео из-за строгого ts в ".getType("") ожидался 1 аргумент, получено 0." и еще "Cannot find module 'draft-js' or its corresponding type declarations" ошибки, как лучше исправить?
В getType("") передается уже аргумент type как пустая строка. Выполни npm i draft-js draft-convert
Спасибо вам
Ура! Спс. А то уже весь плейлист прошел
а что делать когда закончил писать гитигнор и в терминале ошибка после "git commit -m "initial" подскажите пожалуйста
Обязателен ли сервер что бы реализовать фичу из урока? Как быть если хостишь сайт для резюме, а сервер урл в проекте у нас 3000 фиксированный? Спс за урок
Можно синхронизировать вкладки браузера между собой в React без использования сервера, используя такие инструменты, как localStorage, sessionStorage или библиотеки управления состоянием, например Redux или MobX. По второму вопросу не очень подробно описана проблема, но предполагаю что у тебя на проекте React и ты хочешь настроить проксирование запросов между клиентским приложением и серверным API. Для этого нужно в package.json добавить proxy. Более профессиональный подход для решения согласованности в разных средах это использовать Docker и Nginx. Это очень большая тема, чтобы описать всю работу в одном комментарии :) Взять за пример можешь мой проект, в котором бек и фронт согласованы и развернуты были на сервере github.com/EvgeniyBudaev/eccomerce_fullstack_mirrorlook_v3/blob/main/infra/nginx.conf
В copyPage бесконечный перерендр из-за эффекта с сетТаймаутом с зацикленным внутри стейтом
Доработал CopyPage. Сделал в uikit отдельный компонент CopyToClipboard. Спасибо)
а если тултип будет по краю то скорее всего будет обрезаться контент при таком подходе? кстати в новой версии проекта в логике не получается разобраться совсем(( + отсутствует варианты с кликом и фокусом, лишь один хавер вместо этого заюзал библиотеку react-tooltip. не пользовались такой?
Custom версии не учитывают все бизнес требования, а показывают базовый алгоритм и с этими знаниями легче будет кастомизировать готовые либы. В новой версии onMouseOver заменить на onClick вроде бы не является сложной задачей. Спасибо, запишу обновленное видео
Доработал Tooltip. Теперь может работать при hover эффекте или клике в зависимости от переданного props
спс, жаль лишь один dropdown на странице, с несколькими усложненная логика
Спасибо, доработаю с несколькими dropdown на странице
Доработал DropDown. Несколько штук сделал на странице в качестве примера. Спасибо за идею)
59:23 У меня при запуске gulp выдаёт ошибку TypeError: gulp.task is not a function at Object.<anonymous>, все варианты прочитал и перепробовал в интернете, не работает
Новая версия Gulp при установке отличается от той, которая была на момент записи видео. Рекомендую смотреть актуальные новые видео по сборке Gulp.
@@public_code_ Извините, я не могу найти больше таких же сборок. у меня только 5 дней осталось, да и я новичок в этом деле
@@public_code_ можно ли установить точную версию gulp или есть возможность только на последнюю версию?
@@СабаТатвидзе точная версия должна быть не только Gulp, а всех зависимостей из файла package.json Это норма что с течением времени проект не запускается из-за новых версий, иначе в программистах не было бы нужды) Проекты нужно обновлять и поддерживать.
@@public_code_ ладно, спасибо
а что если пишет ошибку при соединении файла gitignore
спс за видео. будет ли обновление из текущей версии приложения. не получается без видоса разобраться))
Будет)
все понятно, но ведь будут лишние перерендеры? там на одном стейте все формы повязаны..
Я записал видео из-за алгоритма, чтобы его не потерять) В рабочем проекте лучше использовать react-input-mask. Пример использования github.com/EvgeniyBudaev/react-typescript-ui/blob/master/src/pages/FormPage/FormPage.tsx Видео запишу