- 171
- 99 536
Programming explained in Ukrainian | BUOY studies
Ukraine
Приєднався 14 кві 2022
hi there 🖖! we are inspired small team of people who really wants to share knowledges across Ukrainians in order to produce as many junior developers as Ukrainian economy can handle, to make an impact of IT sphere more significant.
not so many years ago everyone of us was a switcher with no experience in programming, so we can perfectly understand your request and working hard to fulfil it.
to make that possible we developed a program to make an optimal start in IT.
follow us here to watch and learn, also check our instagram.
not so many years ago everyone of us was a switcher with no experience in programming, so we can perfectly understand your request and working hard to fulfil it.
to make that possible we developed a program to make an optimal start in IT.
follow us here to watch and learn, also check our instagram.
Найкращі практики роботи з картинками в React | (укр)
У цьому відео я розповім про найкращі практики роботи з картинками в React. Дізнайтеся, як працювати з SVG в React та оптимізувати роботу з картинками у вашому проєкті!
00:00 - як імпортувати картинки в React?
02:23 - те як хочеться щоб це виглядало
02:39 - компонент однієї картинки
03:52 - вміла гра імпортами і експортами
05:39 - а як тоді всі інші картинки?
05:53 - як працювати з SVG в React?
07:57 - пояснення вмілої гри з імпортами
09:27 - як можна це вдосконалити?
09:46 - генеральний прогон послідовності дій
10:38 - досвідонькаюсь
ламповий телеграм канальчик - t.me/bui_studies
00:00 - як імпортувати картинки в React?
02:23 - те як хочеться щоб це виглядало
02:39 - компонент однієї картинки
03:52 - вміла гра імпортами і експортами
05:39 - а як тоді всі інші картинки?
05:53 - як працювати з SVG в React?
07:57 - пояснення вмілої гри з імпортами
09:27 - як можна це вдосконалити?
09:46 - генеральний прогон послідовності дій
10:38 - досвідонькаюсь
ламповий телеграм канальчик - t.me/bui_studies
Переглядів: 554
Відео
ТІЛЬКИ СЬОГОДНІ - розбираю основи React Router | (укр)
Переглядів 29921 годину тому
Кожен проєкт на React- стикається із проблемою, яка звучить так "як відображати різн сторінки давати користувачу можливість навігації по ним?". Відповідь проста - біблотека React Router, яка дає тоб широкий набір функціоналу для реалізації роутінгу. В цьому відео розбираю основи користування біблотекою react-router-dom без яких не може обійтись будь-який проєкт. ламповий телеграм канальчик - t...
ТИ НІЧОГО НЕ ЗНАЄШ ПРО React Router якщо не дивився це відео | (укр)
Переглядів 46714 днів тому
Для того щоб якісно засвоїти як працює routing в React застосунках, треба написати такий своїми руками. Тому в цьому відео розглянемо кореневий принцип на якому побудована React Router бібліотека. 00:00 - пояснюю за маршрутизацію 01:43 - основн сутності 03:08 - пишу шо хочу побачити в коді 04:27 - створення та імпорт основних компонентів 06:37 - найпростіша реалізація Router в реакті 08:12 - фу...
ТИ ЗАВЖДИ РОБИВ ЦЕ НЕПРАВИЛЬНО - React Hooks | (укр)
Переглядів 46314 днів тому
У цьому відео ми обговоримо, як використовувати React Hooks, так як useEffect та useState, а також створювати свої власн кастомн хуки. Шукаєш інформацію про React Hooks українською? Це відео для тебе! ламповий телеграм канальчик - t.me/bui_studies
ТИ НІЧОГО НЕ ЗНАЄШ про component lifecycle у React | (укр)
Переглядів 49621 день тому
У цьому відео я розповім про життєвий цикл компоненту у React. Дізнайся, як працює lifecycle компоненту у функціональних та класових компонентах, щоб краще розуміти React. ламповий телеграм канальчик - t.me/bui_studies 0:00 - життєвий цикл компоненту 0:29 - етапи життєвого циклу 02:01 - методи є тільки у класів 02:33 - створення компоненту для знущянь 03:30 - constructor 05:24 - поставимо себе ...
ТЕМНІ СЕКРЕТИ стилізації React компонентів. CSS modules, Styled Components, Tailwind | (укр)
Переглядів 34228 днів тому
У цьому відео ми розкриємо темн секрети стилізації React компонентів за допомогою популярних інструментів, таких як CSS Modules, Tailwind, Styled Components та Bootstrap. Дивіться, як створити стильн компоненти для вашого проєкту! ламповий телеграм канальчик - t.me/bui_studies 0:00 - що змінилось в проєкті 01:15 - стил в React НЕ привʼязвн до компоненту 03:42 - як користуватись CSS модулями? 06...
ТАЄМНИЦЮ РОЗКРИТО - тепер користуйся React Devtools як Senior | (укр)
Переглядів 395Місяць тому
У цьому відео я розповім про react devtools покажу, як їх встановити та використовувати для інспектування реакт компонентів. ламповий телеграм канальчик - t.me/bui_studies
ТОБІ НІХТО НЕ РОЗКАЖЕ про State в React | (укр)
Переглядів 448Місяць тому
В цьому відео я поділюсь топ фактами про "state" в React. Дізнаєшся, як працюють stateful та stateless компоненти, та на приклад побачиш роботу useState та як зробити те самена класових компонентах. ламповий телеграм канальчик - t.me/bui_studies
ВІДКРИВАЮ СЕКРЕТИ використання JSX в React проектах! | (укр)
Переглядів 247Місяць тому
ВІДКРИВАЮ СЕКРЕТИ використання JSX в React проектах! | (укр)
ТИ ЩЕ НЕ ЗНАЄШ що таке JSX? як користуватись JSX? як писати JSX? | (укр)
Переглядів 267Місяць тому
ТИ ЩЕ НЕ ЗНАЄШ що таке JSX? як користуватись JSX? як писати JSX? | (укр)
ТИ ВСЕ ЩЕ КОРИСТУЄШСЯ Creat React App або Vite? | (укр)
Переглядів 400Місяць тому
ТИ ВСЕ ЩЕ КОРИСТУЄШСЯ Creat React App або Vite? | (укр)
ВІДКРИВАЮ ТАЄМНИЦЮ - що таке віртуальний дом, Virtual DOM? | (укр)
Переглядів 776Місяць тому
ВІДКРИВАЮ ТАЄМНИЦЮ - що таке віртуальний дом, Virtual DOM? | (укр)
ТИ БУДЕШ В ШОЦІ - різниця між фреймворком та бібліотекою ? | (укр)
Переглядів 874Місяць тому
ТИ БУДЕШ В ШОЦІ - різниця між фреймворком та бібліотекою ? | (укр)
ТИ ЦЕ НЕ ЗНАВ, а я тобі розкажу - чому React це біблотека? | (укр)
Переглядів 229Місяць тому
ТИ ЦЕ НЕ ЗНАВ, а я тоб розкажу - чому React це біблотека? | (укр)
НЕ ПРОПУСТИ - безкоштовний React Course | розповідаю що тебе чекає (укр)
Переглядів 381Місяць тому
НЕ ПРОПУСТИ - безкоштовний React Course | розповідаю що тебе чекає (укр)
git як користуватись? git init, git status, git add, git commit, git push | (укр)
Переглядів 6804 місяці тому
git як користуватись? git init, git status, git add, git commit, git push | (укр)
що не так з інстою? | чому ми переїхали в ютуб на постійно? (укр)
Переглядів 1385 місяців тому
що не так з інстою? | чому ми переїхали в ютуб на постійно? (укр)
як користуватись GIT-ом і не 3д💀хнyть?! | git checkout, git merge, git fetch, pull requests | (укр)
Переглядів 3816 місяців тому
як користуватись GIT-ом не 3д💀хнyть?! | git checkout, git merge, git fetch, pull requests | (укр)
HW-7 Workout gym landing page | БУЙ studies (укр)
Переглядів 190Рік тому
HW-7 Workout gym landing page | БУЙ studies (укр)
HW-5 MUSIC landing page | БУЙ studies (укр)
Переглядів 99Рік тому
HW-5 MUSIC landing page | БУЙ studies (укр)
HW-3 WAKANDA flexbox | БУЙ studies (укр)
Переглядів 73Рік тому
HW-3 WAKANDA flexbox | БУЙ studies (укр)
JS-10 | DOM mouse events, події компʼютерної миші (укр)
Переглядів 323Рік тому
JS-10 | DOM mouse events, події компʼютерної миш (укр)
JS-09 | DOM - create update and delete elements (укр)
Переглядів 316Рік тому
JS-09 | DOM - create update and delete elements (укр)
JS-07 | javascript callbacks, arrow functions, array methods (укр)
Переглядів 680Рік тому
JS-07 | javascript callbacks, arrow functions, array methods (укр)
Корисну справу робите, дякую!🤝
Дякую за Ваш внесок в освіту! 1:56:16 Ґоґі! (AltGr + г => ґ)
Привіт! Чудова тема! Це зручно, але barrel files не дуже ок з точки зору продуктивності. Коли у тебе 200 імпортів в обному index.ts файлі і ти хочеш використати один компонент, то ти фактично імпортуєш решту компонентів. Чи не так?
вірно! тому завжди є опція імпортувати тіки потрібну картинку з визначеної теки, або групувати їх за призначенням і потім імпортувати тіки той компонент який відповідає за потрібну групу картинок.
крутий чувак. дякую, за чудові уроки
дякую за теплі слова❤
А що з lazy-loading компонента і картинки?
хороше питання) я вирішив цю тему покишо лишити осторонь бо контент призначений для людей які вперше чують про реакт. подумав занадто буде щим забивати голову в одному відео. зазначений у цьому відео підхід ніяк не перешкоджає всім іншим бест практісам роботи з картинками. ти ж сам вриішуєш як вона буде вигоядати на рівні компоненту картинки.
що за музончик на фоні? якщо якийсь плейлист, дай посилання
алгоритми працюють, не здавайся. якість топова
дякую❤ оце кожен раз пару днів не заходжу в ютюб, а потім як побачу наплив нових коментарів так і зʼявляється знов якась віра шо все це не дарма))
Топ контент )
дякую❤
топіч, якраз почав цікавитися реактом!
дякую❤
Крутий етер,та цікавий дякую всім🔥
навзаєм❤
Блін не встиг на стрім(
нічого страшного. завжди є наступний))
Нічого страшного буде привід прийти на наступний етер вчасно))
Дякую, став крощої думки про градієнти )) 👍
завжди радий допомогти❤
Крутий контент, тільки шрифт трішки збільши, бо з тел не дуже видно 👍
дякую за теплі слова і за підказку❤
Класний урок чудові поянення чудова інформація дізнаєшся багато нового , дякую👍
завжди радий)
бляха який крутий контент. топ🔥🔥🔥
дякую❤
Наскільки критично для навігації використовувати <nav> чи <menu>? Дякую за вашу працю!
дякую за теплі слова) я давно не заглиблювався у питання SEO, бо моя робота мало з цим повʼязана. тому можу бути не до кінця коректним. сам особисто користуюсь такою логікою. навігація це точно nav, бо як мінімум співпадає назва, а це не робиться просто так)) чи класти туди всередину menu уже справа особиста, бо часто те шо є навігацією не ю мені і навпаки. і от цей уже момент треба регулювать залежно від конкретного випадку.
уркаїнський ютуб топ! подача аж бігом залетіла :)
дякую❤
Прикольно в майбутньому мені це знадобиться,коли вивчу html css та js ))
сам підхід може знадобитись уже і на етапі вивчення JS)) уніфікувати роботу з картинками можна так.
Тема цікава.
дякую)
22:05 як вирішити проблему з підсвічуванням? не знаю кому це нах потрібно, але от як, обираєте той файт css в якому буде taiwind, знизу зправа (у ВС-коді) біля UTF-8 та LF є надпис CSS це мова цього файлу, там ми переключаєм з звичайного на Tailwind CSS і тепер наше середовище розробки розуміє та виправляє нас відповідно до правил Tailwind
боюсь навіть уявити скіки пішло часу на те шоб знайти це вирішення. у мене чогось не спрацювало якшо чесно. у списку запропонованих опцій не було Tailiwind CSS((( якшо знаєте як вирішити це то я прям в ноги покланяюсь, реально. бо пишу БУЙ-платформу на тому Tailwind-і і задовбуюсь розуміти чи правильно все написав.
Це просто 🔥 навіть все зрозумів і навіть все вийшло ото кайф ) чудові пояснення просто огніще
дякую, дякую)) дуже приємно бачити шо наші старі відео ще приносять користь людям.
@@bui-studies бажаю вам щоб таких людей було все більшало і більшало
Оцей відос набагато краще залетів ніж попередній. Дякую за Вашу роботу, пан Нік
наздороуля)
Корисно, зрозуміло та ще й українською! Дякую! ))
дякую за теплі слова❤
Дякую за працю! Хай квітне український youtube!
❤❤❤
Я ще не додивився але ситуація смішна, там задача обрати привида😂 хоча треба додивитись можливо дійсно гра зламана🥲
там далі уже відбувся роздупляйтунг))
Дякую за Вашу працю! 1:28:16 Треба бути обережними зі знайомими, які люблять фасувати, щось у пакетики!.. ;)
дякую Вам за теплі слова🥰
Чудове відео корисне пізнавальне повчальне 🔥🔥🔥а ще так я погоджуюся потрібно якщо читаєш щось то одразу робить , треба тільки практика )
дякую за теплі слова❤ я прихильник того шо практика має прям супроводжуватись теорії і вони мають танцювати у вальсі, шоб як тіки зʼявляється шось незрозуміле, на тому самому місці виникало пояснення)
Дякую за корисне відео
наздороуля❤
Нееее, самий простий варік це написать рут елемент в середину якого ти вже будеш рендерити аутлєт і відповідно в топ левел шлях в роутері ти пхаєш як раз цей самий рут лемент а не аутлєт, а в його чайлдів уже все інше
ти просто описав те саме шо я зробив тіки з +1 рівнем вкладеності🤷🏼♂
@@bui-studies в мене просто нетерплячка і я одразу ж написав на моменті у відер не додивляючись до того моменту))))
Відос класний, але в мене чуть не стався від твоєї швиткості припадок. Будь ласка давай без епілепсії )))) Бо пауза не допомагає )
коли пауза не допомагає, завжди є сповільнена швидкість відтворення. ну і я не можу собі уявити як може не допомагати пауза, коли у певні моменти відео можна зупинити відтворення і втупу переписати вміст файлу який ти бачиш. відео в 13 хвилин уже ніхто нахєр не дивитиметься за правилами ютюбу. з усіма можливими компромісами я залишаю скіки є просто для того шоб зберегти хронологію. якшо залишаьти скільки треба для того шоб всі були довольні, то будуть 2-годинні семінари, які ми уже бачили, знову ж таки - ніхто нахєр не буде дивитись🤷🏼♂
@@bui-studies Я ж кажу не про то що я не розібрався, а про епілепсію
Дякую за загальний висновок про нові технології типу «реміксу», бо новачку важко вʼїхати що треба юзати, а що просто гарний «сайт» та зайва ліба 😅
загальна рекомендація для новачків - зфокусуватись. вибрати 1-2 технології і муштрувать системно. хоч реакт, хоч вʼю, хоч некст, хоч накст, головне шоб увага була зфокусована. відволікатись на швидке ознайомлення теж норм, головне не перемикатись з основного фокусу.
Буду вдячний якщо зможете зробити цікаивй курс по TS
хороша ідея, дякую. але точно не в цьому році...
Ютуб мені теж запропонував в рекомендаціях ваш канал, супер контент! Інста, тікток, фейсбук для генерації однотипного контенту… повне 💩 ще й час твій краде… Фейсбук взагалі мене переслідував ще роками по різним каналам, щоб я повернувся (в мене був акк пустий зі школи). Ютубу ще б десь пофіксити фільтрацію контенту, бо пропонує одну русню, коли щось нове шукаєш, а так це топ платформа з корисним та цікавим контентом 👍 дякую, що перейшли сюди 😁
Чудовий відос. Тільки я б дженерік FC не юзав, а замість цього одразу типізував пропси.
дякую за приємні слова. цікаво почути розгорнуту думку про дженерік. це якось повʼязано з тим як ТС працює, чи суто через те шоб не конфʼюзить новачків?
Той випадок, коли тобі задають домашку, а ти думаєш: " О, домашка? - Кайф!"
Братан, ти спішиш як голий на єблі. Ти вчиш чи показуєш? Дай осмислити все.
чуваче, завжди є кномпашка паузи. а краще дивись на 0.75 швидкості, бо воно каналу краще робе))
Ахуєнний канал, дякую за український контент
наздороуля❤
Дякую! Каляки-маляки рулять! ))
дямкую))
Не жалкую, що підписався на канал. Пасони, відео у вас топчанські.
вай-вай-вай, як приємно таке читати❤
Дякую за корисний контент солов'їною! Здається забули про цикл do {code...} while (condition)
дякую за теплі слова))
як завжди етер чудовий позитивний,але ігри трішки підкачали )) дякую за чудовий настрій👍
завжди раді))
@@bui-studies це круто))
Найкраще доступне роз'яснення матеріалу! Щиро дякую та бажаю успіхів!
дямкую за добрі слова❤
Знайти контент українською було приємно несподіванкою. А тут матюки... Фу, ще дітям сказав, дивіться, навіть програмування будете вивчати українською. Пожалкував
цілком розумію ваше роздратування, проте не можу нічим зарадити(( у мене була довга дискусія з самим собою з приводу матюків, яка закінчилась тим шо я зочу рбити контент так як я його собі бачу, так як я=відчуваю, так як я говорю і спілкуюсь, а спілкуюсь я з матюками це факт. вірю шо україномовних каналів ставатиме більше і ви знайдете для себе підходящий і щиро дякую вам за коментар❤
забув додати. на кожному відео спеціально ставив галочку що цей контент "не для дітей".
@@bui-studies тільки при пошуку відео користувачем (мною) ютуб ніяк не попереджає про віковий ценз. По суті, ваші відео можна слухати тільки у навушниках. Ні вдома на колонках, ні у авто, коли з тобою хтось їде, таке відео не поставиш
@@MaxKyivUa в описаних вами ситуаціях логічно дивитись розважальний контент. а я роблю навчальний. наші відео треба дивитись за робочим столом із заготовленими ручкою та зошитом, коли ніхто не заважає і роум налаштований на сприйняття нової інформації. тому при заливанні відео завжди вибираю категорію "Education"
@@bui-studies звісно, це ваше право, як автора. Але ви самі зменшуєте аудиторію, яка може дивитись ваші відео. Навряд-чи у вас така свідома мета
Ну короче, хуки вроде понятно, а от кастомні ні. Я читав той код на паузі про Хук + LS ні і так вроде ясно, а вроде ні. Тобто в кастомних хуках ми завжди використовуємо штатні всередині?
майже завжди. я б скачав - частіше за все
Всередині юзЕфекта можна бєзобразія натворить)))
плюсую))
Бляха чувак ти крутий!)
дямкую) стараюсь))
дядку, це роз'їб)))
23:12 цим буде займатися компайлер з 19 версії
дякую за уточнення❤
11:45 Я важаю, що getDerrivedStateFromProps() не викликається на стадії update. На мою думку, не підтверджену ніяк, shouldComponetUpdate() визначає, чи щось міняеться після спрацювання getDerrivedStateFromProps(), якщо так - Render() на фоні оновлених пропсів... І тоді виходить, що Updating, це не окремий LifeCycle, а тіпа на рівень нижче (підцикл) під Mounting
Пане Ніку Ви забули про componentDidCatch()
точно! але ErrorBoundary я показав, тому має буть окей)