Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5😁4 3
Придумую тайтл для некст відео (завтра 12:00)
UPD: Відео переноситься на завтра, затримки з превʼюшкою невеликі🥲
UPD2: Сьогодні
Ідейки?
UPD: Відео переноситься на завтра, затримки з превʼюшкою невеликі
UPD2: Сьогодні
Ідейки?
Please open Telegram to view this post
VIEW IN TELEGRAM
😁12
ЄЄЄЄ, живемо!
Новий відос про NextJS який ідеально підійде для новачків або для тих хто тільки починає розбиратися в ньому вже вийшов!
Прохання підтримати мою творчість лайком та коментарем, я старався аби вам було цікаво та корисно👉
https://www.youtube.com/watch?v=7BdpkbM40pU
Новий відос про NextJS який ідеально підійде для новачків або для тих хто тільки починає розбиратися в ньому вже вийшов!
Прохання підтримати мою творчість лайком та коментарем, я старався аби вам було цікаво та корисно
https://www.youtube.com/watch?v=7BdpkbM40pU
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
NextJS ЛЕГШЕ, ніж ТИ ДУМАЄШ! | Основи NextJS
#frontend #typescript #react #nextjs
Привіт, я Нік і ти на каналі Dev Routine!
NextJS:
- Layouts: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates
- Routing: https://nextjs.org/docs/app/building-your-application/routing…
Привіт, я Нік і ти на каналі Dev Routine!
NextJS:
- Layouts: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates
- Routing: https://nextjs.org/docs/app/building-your-application/routing…
❤7👍1🤩1 1
Також у відео я зазначив що тут буде маленький ексклюзивчик щодо клієнтських компонентів, тож тримайте:
Зловісний document is not defined і як запобігти цьому:
одну з найпоширеніших помилок у Next.js — document is not defined. Це трапляється, коли ви намагаєтесь отримати доступ до document на серверній стороні. Зазвичай це відбувається, коли ми забуваємо, що сервер не має доступу до браузерного DOM.
Але тут така справа, всі компоненти - не важливо чи клієнтські чи серверні всерівно спочатку рендеряться на сервері під час фази SSR. Саме тому ви можете отримати document is not defined або інші помилки які звʼязані саме з браузерними тулзами навіть у клієнтському компоненті.
Аби цього запобігти - не використовуйте їх прямо в компоненті, а юзайте useEffect і робіть всі маніпуляції там.
Також перевіряйте, чи виконується код на клієнтській стороні. Наприклад, використовуйте typeof window !== "undefined" для перевірки перед доступом до document або window.
🥰
Зловісний document is not defined і як запобігти цьому:
одну з найпоширеніших помилок у Next.js — document is not defined. Це трапляється, коли ви намагаєтесь отримати доступ до document на серверній стороні. Зазвичай це відбувається, коли ми забуваємо, що сервер не має доступу до браузерного DOM.
Але тут така справа, всі компоненти - не важливо чи клієнтські чи серверні всерівно спочатку рендеряться на сервері під час фази SSR. Саме тому ви можете отримати document is not defined або інші помилки які звʼязані саме з браузерними тулзами навіть у клієнтському компоненті.
Аби цього запобігти - не використовуйте їх прямо в компоненті, а юзайте useEffect і робіть всі маніпуляції там.
Також перевіряйте, чи виконується код на клієнтській стороні. Наприклад, використовуйте typeof window !== "undefined" для перевірки перед доступом до document або window.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7✍2 2
Коли ти комусь допоміг, або комусь підняв настрій - це найкраще відчуття ever
Не уявляєте як гріють душу такі коментарі🥰 👉
P.S. Маю ідейку для розважального відео, чекайте згодом🤝
Не уявляєте як гріють душу такі коментарі
P.S. Маю ідейку для розважального відео, чекайте згодом🤝
Please open Telegram to view this post
VIEW IN TELEGRAM
❤15🥰1🤩1
Як писати код, коли немає світла?
Чуваки недавно став помічати, що мій VSCode дуууже тупить коли ноут не на зарядці + економ режим. Це відбувається через те що:
1. VSCode повільна залупа
2. VSCode extensions забирають памʼяті як 10 VSCode-ів
До цього всього ноут сідає просто за 2-3 години, коли я використовую наш старий добрий редактор.
Тож я спробував щось новеньке (не дуже)
Є такий код редактор, називається Zed. Ще давно його називали "вбивцею VSCode" але поки комʼюніті в нього ще мале.
Знаю назва так собі, але він дуже швидкий, дуже оптимізований і дуже мало жере. Це дозволить вам писати код довше (коли електрохарчування відсутнє)
❌З мінусів - дуже мало розширень, типу Github Lens, і copilot дуже тупить. Але на цьому все.
Я пропоную спробувати його, і використовувати тільки коли потрібно сильно економити енергію. Можливо він вам сподобається і будете юзати постійно🙃
Чуваки недавно став помічати, що мій VSCode дуууже тупить коли ноут не на зарядці + економ режим. Це відбувається через те що:
1. VSCode повільна залупа
2. VSCode extensions забирають памʼяті як 10 VSCode-ів
До цього всього ноут сідає просто за 2-3 години, коли я використовую наш старий добрий редактор.
Тож я спробував щось новеньке (не дуже)
Є такий код редактор, називається Zed. Ще давно його називали "вбивцею VSCode" але поки комʼюніті в нього ще мале.
Знаю назва так собі, але він дуже швидкий, дуже оптимізований і дуже мало жере. Це дозволить вам писати код довше (коли електрохарчування відсутнє)
❌З мінусів - дуже мало розширень, типу Github Lens, і copilot дуже тупить. Але на цьому все.
Я пропоную спробувати його, і використовувати тільки коли потрібно сильно економити енергію. Можливо він вам сподобається і будете юзати постійно
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7✍1
Вітаю всіх з Різдвом! Хай ваші клієнти будуть постійними, а код чистим.
Я дуже дякую вам за те, що залишаєтесь зі мною попри мій тимчасовий неактив🥰
Багато змін стосовно роботи відбулось в мене за останній час, і саме він покаже куди то все буде йти😑
Одне я знаю точно: наступний рік буде набагато кращий ніж попередній. Залишіть якусь памʼятку на початку 2025 і на початку 2026 ви зрозумієте, скільки досягли за ці роки.
Приємно бачити, що ті трейні які мріяли знайти роботу, та дивилися мої відео коли я тільки починав - вже працюють та збирають власний досвід🥰
Я безмежно гордий за вас мої любі💞
Я дуже дякую вам за те, що залишаєтесь зі мною попри мій тимчасовий неактив
Багато змін стосовно роботи відбулось в мене за останній час, і саме він покаже куди то все буде йти
Одне я знаю точно: наступний рік буде набагато кращий ніж попередній. Залишіть якусь памʼятку на початку 2025 і на початку 2026 ви зрозумієте, скільки досягли за ці роки.
Приємно бачити, що ті трейні які мріяли знайти роботу, та дивилися мої відео коли я тільки починав - вже працюють та збирають власний досвід
Я безмежно гордий за вас мої любі
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9🥰3
На рахунок відео:
Зараз зʼявилось дуже багато вільного часу та бажання. Ютуб завжди був для мене чимось особистим, тому ось чек ліст на наступний рік якого ми будемо дотримуватися, а в кінці будемо перевіряти скільки ми зробили за цей рік та над чим нам ще треба попрацювати:
- [x] У 2024 встигнути ще 1 відео докинути🕺
- [ ] Проект, де будуть приймати участь підписники, зніматись зі мною у відео, та вигравати призи🕺
- [ ] Багато багато корисних відео🕺
- [ ] Мерч "itsDevRoutine", "Сеньйор-Помідор"🕺
- [ ] 10к підписників на нашому з вами каналі🕺
- [ ] Туса підписників десь🕺
Ловіть мене на слові, за 1 пропущений пунктик будемо обирати мені покарання😈
Зараз зʼявилось дуже багато вільного часу та бажання. Ютуб завжди був для мене чимось особистим, тому ось чек ліст на наступний рік якого ми будемо дотримуватися, а в кінці будемо перевіряти скільки ми зробили за цей рік та над чим нам ще треба попрацювати:
- [x] У 2024 встигнути ще 1 відео докинути
- [ ] Проект, де будуть приймати участь підписники, зніматись зі мною у відео, та вигравати призи
- [ ] Багато багато корисних відео
- [ ] Мерч "itsDevRoutine", "Сеньйор-Помідор"
- [ ] 10к підписників на нашому з вами каналі
- [ ] Туса підписників десь
Ловіть мене на слові, за 1 пропущений пунктик будемо обирати мені покарання
Please open Telegram to view this post
VIEW IN TELEGRAM
10👍10🤩2
А поки ви чекаєте, я вже працюю над новим відео
https://youtu.be/Rg9wJSGJRr8?si=euLh8W0oW6Ls5mDU
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
РОБЛЮ ТЕСТОВЕ ЗАВДАННЯ НА $2000 | React NextJS
#frontend #typescript #react #nextjs
Привіт, я Нік і ти на каналі Dev Routine!
Репо (не пофікшена версія, можете самі відредагувати):
https://github.com/SemX74/pet-breed-explorer
Тема у VSCode: CodeSandbox Black у виконанні Ziady Mubaraq.
Підтримати…
Привіт, я Нік і ти на каналі Dev Routine!
Репо (не пофікшена версія, можете самі відредагувати):
https://github.com/SemX74/pet-breed-explorer
Тема у VSCode: CodeSandbox Black у виконанні Ziady Mubaraq.
Підтримати…
❤8🎉3
Друзі, прошу підтримати мою роботу. Це колосальний труд, на який витрачається не 1 година і не 1 день.😱
Всіх з прийдешнім Новим 2025 роком! Як завжди бажаю вам карʼєрного процвітання і миру над головою🎄 🎁
Всіх з прийдешнім Новим 2025 роком! Як завжди бажаю вам карʼєрного процвітання і миру над головою
Please open Telegram to view this post
VIEW IN TELEGRAM
75❤12🔥3🥰2
Please open Telegram to view this post
VIEW IN TELEGRAM
😁7🤯1
Бидло отримує по заслугам 😵
Сьогодні мене попросили сховати відео про тестове завдання, не дивлячись на те що воно було дуже схоже на багато попередніх тестових завдань які я робив (буквально візьми інфу, промап в картки, зроби сторінку), а також вся чутлива інфа була вирізана або змінена. Тим не менше мені слід було їх запитати, тож не робіть таких помилок як я😉
Проте я не розчаровуюсь, бо це для мене був хороший досвід як стосовно відео, так і стосовно комунікації. Дякую всім хто дізнався про мій канал завдяки саме цьому відео, але передивитись ви його зможете вже буквально ніколи🚬
Але і ви не розчаровуйтесь! Я вже дописую сценарій до нового відео, і він буде не менш цікавий, ніж попередній (на цей раз без всяких таких приколів😎 ).
Миру!🥰
Сьогодні мене попросили сховати відео про тестове завдання, не дивлячись на те що воно було дуже схоже на багато попередніх тестових завдань які я робив (буквально візьми інфу, промап в картки, зроби сторінку), а також вся чутлива інфа була вирізана або змінена. Тим не менше мені слід було їх запитати, тож не робіть таких помилок як я
Проте я не розчаровуюсь, бо це для мене був хороший досвід як стосовно відео, так і стосовно комунікації. Дякую всім хто дізнався про мій канал завдяки саме цьому відео, але передивитись ви його зможете вже буквально ніколи
Але і ви не розчаровуйтесь! Я вже дописую сценарій до нового відео, і він буде не менш цікавий, ніж попередній (на цей раз без всяких таких приколів
Миру!
Please open Telegram to view this post
VIEW IN TELEGRAM
2❤6😢3 2
Тепер стосовного іншого: як я і писав, в нас буде цікавий проектик (про який я згодом розповім) і на ньому ви зможете отримати МЕРЧ (ну або просто його купити, та цим самим підтримати канал копійкою)
Текст хочу вишитий, не просто наклейка
Ось таку ідейку придумав я, а ви можете повпливати на майбутній мерч, та накидати свої ідеї👉
Аби було зручніше, в нас вже давно є ЧАТ, але там щось мало народу, тому залітайте
ЧАТ ТУТ >>>
Текст хочу вишитий, не просто наклейка
Ось таку ідейку придумав я, а ви можете повпливати на майбутній мерч, та накидати свої ідеї
Аби було зручніше, в нас вже давно є ЧАТ, але там щось мало народу, тому залітайте
ЧАТ ТУТ >>>
Please open Telegram to view this post
VIEW IN TELEGRAM
2🔥5🤩1
Dev Routine
виглядає як план на 2024-2025
Друзі шанси не великі, але я подався на цю премію🥹
В кінці кінців, премія DOU дала поштовх до того, що ми маємо сьогодні🥰
До 16 числа запис учасників, можливо встигну ще 1 відео закинути.
Відео буде цікаве: будемо вчитися форкати репозиторії, контрибʼютити в опен сорс а також будемо рефакторити і доробляти морський бій на React🕺
В кінці кінців, премія DOU дала поштовх до того, що ми маємо сьогодні
До 16 числа запис учасників, можливо встигну ще 1 відео закинути.
Відео буде цікаве: будемо вчитися форкати репозиторії, контрибʼютити в опен сорс а також будемо рефакторити і доробляти морський бій на React
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12👍1👏1
А ще я роблю комерційний проектик на Flutter (нова штука для мене) - можливо запишу відео як я його вчив та що зрозумів (нічого) 😂
Please open Telegram to view this post
VIEW IN TELEGRAM