Цього я не очікував. Проєкт на NextJS + Prisma + Tailwind, що мене здивував.
Вставка
- Опубліковано 7 чер 2024
- Стати спонсором каналу:
/ @maksymrudnyi
Буду вдячний за підтримку каналу:
Patreon - / rudnyi
BuyMeACoffee - www.buymeacoffee.com/maksymru...
Mono Bank - send.monobank.ua/jar/6oqhydjLGp
або так - 5375 4114 0505 7287
Приват банк - 4627 0551 1331 6110
Давайте дружити:
Telegram ↣ t.me/maksymrudnyi
Telegram чат ↣ t.me/joinchat/H4AF4W4dfGeGepNQ
INSTAGRAM ↣ / maksym_rudnyi
TWITTER ↣ / maksymrudnyi
FACEBOOK ↣ / travelscode
WEB-SITE ↣ travelscode.com/
GITHUB ↣ github.com/MaksymRudnyi/
Другий UA-cam канал ↣ / travelscode
#react #nextjs #tailwindcss #tailwindcss #prisma #prismaorm #clerk - Наука та технологія
Дякую за нове цікаве відео з улюбленим Next.js. Зменшення розміру SVG для мене це була нова інфа. Стосовно стейт менеджменту сподобалося "Викидайте його" - підтримую)
Радий чути що було корисно. В програмуванні головне не додавати бібліотеки а викидати. Потім простіше все це підтримувати.
привіт, це мій проект. проект створено в навчальних цілях - хотілось попрацювати з відеострім платформою(з api) а також закріпити деякі навички)код написаний повністю мною лише дизайн(макет фігми) був вкрадений в одного блогера зарубіжного. на рахунок чому такий брудний код - чесно кажучи так довго писав проект а код почистити забув. багато імпортів які не використовуються по коду забув видалити - просто оці імпорти раніш були задіяни так як я шукав правильний підхід ну так і залишились. Папочка ui - це не моя робота а schadcn бібліотека готових компонентів) дуже дякую що приділили час цьому проекту
Привіт. Радий знайомству. Сподіваюсь огляд був корисним. Розумію усі проблеми з кодом. Тому ідеально відразу підключати пріттер та лінтер щоб на етапі коміта все автоматично чистилось.
Якщо огляд був корисним, було б чудово якби написали хороший фідбек на LinkedIn. Буде корисно обом.
дякую за ще одне класне відео. Але хотілось, щоб крім щонедільного відео огляду коду, виходили і інші відео, де ти розказуєш про корисні технології і тд.
Сам хочу випускати, але ніяк не можу виділити на це час.
За контент української величезний респект✌️🇺🇦
Дивує підхід до огляду кодової бази проекту;)
Так як канал позиціонується як "з навчальним контентом...", бажано і "месседжі" для новачків щоб були корисні і головне "правильні". А у розмірі знайомства з кодовою базою нового проекта на javascript , завжди першим кром має бути детальний аналіз package.json файлу, і тільки ознайомившись , продовжувати 😉
Дякую. У кожного свій підхід. В типових проектах на NextJS в package.json нічого цікавого нема. Усі цікаві бібліотеки згадуються в коді. Візьму вашу пораду до уваги.
Tailwind без prettier-plugin-tailwindcss, тобто і без prettier - гроші на вітер 😁
Цілком погоджуюсь
дякую за відео а за файл сміюсь дуже
Інколи буває що скопіюєш чужий код, не подивишся а там така підстава. І мене були схожі ситуації, але там просто був гамнокод.
Прохання, докидайте ще посилання на репозиторії додатків які оглядаєте, дякую.
Добре, докину, але всі посилання є на топіку DOU.
Дякую за відео. Таке питання - Ви оглядаєте тільки проекти на React чи зараз тільки на ньому працюють? 😊
Поки що лише React, NextJS та ваніла JS. Інші фреймворки не використовую і не є експертом в них.
не знаю чи є вже таке відео, але було б цікаво послухати про налаштування притієра та еслінта для того щоб він робив відступи по абсолютних, відносних та інших імпортах
Скоро буде. Я якраз підготував великий грязний проєкт на якому добре буде видно різницю.
@@MaksymRudnyi це буде точно корисно
simple-import-sort/imports - цей плагін використовую
ага, теж використовував. Вроді цей.
Я впізнала цей матеріал від JavaScript Mastery, опубліковане 2 місяці назад, бо також навчаюся по його відео)
Щось не зрозумів про який матеріал Ви говорите.
@@MaksymRudnyi шаблон figma взятий був з каналу Javascript Mastery про це я згадував у своєму коменті)
так ви праві але це тільки шаблон з того каналу, все інше мій власний код - на цьому каналі просто хороші макети для верстки next js проектів)
@@MaksymRudnyi ua-cam.com/video/R8CIO1DZ2b8/v-deo.htmlsi=U1HMF33fjIgO9b88
@@MaksymRudnyi ютуб блокує посилання на відео. Але якщо ввести в пошуку ютубу "JavaScript Mastery", то на тому каналі серед недавніх відео ви це побачите, впізнаєте.
Крапка з комою, не перегибайте)))
Я казав у відео, що такі штуки повинні автоматично виставлятися. Це вроді дрібниця, але при код ревю дратує та відволікає
@@MaksymRudnyi а якщо хтось звик без них?
Це погана практика. Якщо звик - перевчиться. Є загальні правила для JS і їм потрібно слідувати.
drizzer краще + це частково українське
наскільки я зрозумів з монго не працює, а хотів саме з mongo db попрацювати.
А чим вона краща? Раніше не чув про цю ORM. А прізма все таки всім відома
Автор коду використав класну бібліотеку компонентів shadcn, тому він не сам їх писав))
так, це schadcn. він використовувався здебільшого для компонента toaster який впринципі можна самому написати(так як впринципі це різновид модалки які я вже реалізував) - але вирішив взяти це з шадсн, попрацювати з цією хайповою бібліотекою
@@Jen13022 мій коментар це не запитання ))🙈 це констатація факту)
Я сам цю бібліотеку активно використовую
@@Jen13022 Мій коментар не був запитанням) це була констатація факта) я знаю що таке shadcn бо використовую його постійно на своїх проектах на next js )
На мою думку краще взяти по суті готове рішення яке вже протестоване і готове до використання, а не писати свій велосипед.
Багато чув про цю бібліотеку для Tailwind. На скільки я зрозумів, то альтернатив цій бібліотеці не так багато.
Цілком підтримую.
нічого він не реалізовував з кнопками, це все shadcn-ui
так,schadcn. але щодо кнопок, то всі кнопки які є в цьому проекті не з schadcn
Автор в коментарі написав що UI папка взята з цієї бібліотеки
будь який коментар під відео :)
Будь-який коментар у відповідь.
Проект дуже схожий на проект від автора @javascriptmastery