Оновлення React: Нова документація, перехід на фреймворки та Vite.js, та прощання з Create React App
HTML-код
- Опубликовано: 26 сен 2024
- Стаття про SSR vs CSR: dou.ua/forums/...
Буду вдячний за підтримку каналу:
Patreon - / rudnyi
Mono Bank - send.monobank....
або так - 5375 4114 0505 7287
Приват банк - 5363 5426 0316 4386
Давайте дружити:
Telegram ↣ t.me/maksymrudnyi
Telegram чат ↣ t.me/joinchat/...
INSTAGRAM ↣ / maksym_rudnyi
TWITTER ↣ / maksymrudnyi
FACEBOOK ↣ / travelscode
WEB-SITE ↣ travelscode.com/
GITHUB ↣ github.com/Mak...
Другий RUclips канал ↣ / travelscode
#ReactDev #ViteJS #NextJS #Remix #GatsbyJS
Дуже дякую за чудовий український контент, нажаль так мало є уроків і інформації українською. Хотілось би частіше випусків. Ще раз дякую за чудову роботу
цікава манера подачі інформації, продовжуйте в тому ж дусі
Дякую.
Дякую за контент. Ваші відео завжди корисні і цікаві.
Дякую. Радий чути.
Дякую за працю. Продовжуйте в цьому ж дусі. Буду радий бачити наступні відео.
Дякую. Скоро буде нове відео
Дякую за змістовні новини!
Мені дуже сподобалося, що автор розказує причини використання і виникнення тієї чи іншої технології. За собою помітив, що я досить часто юзав щось без банального розуміння. Дякую за пояснення)
Радий чути що Вам сподобалось.
Цікаво, якщо з'явиться інфа, то почути як в React покращують SEO, так как це проблема для сайтів, які використовують його...
Дякую за цікаві уроки по React 👍
Макс, дякую за відео! Так тримати! 💪👍
Будь ласка.
Дякую за відео, важливу інформацію обговорили
Будь ласка. Важливі зміни на які потрібно звернути увагу.
дякую за відео, дуже корисно та інформативно!
Радий чути.
Топ, дуже вдячний автору 🔥🔥🔥
Дякую за укр контент)Отримала вимогу створити новий реакт проект, але бек брати з апішки, тому знайшла от ваше відео. Vite юзали на проекті під час практики, бо там теж мав бути свій бек окремо, і нам треба був просто реакт. Не я прокт збирала, але кроки були ті ж. В роботі з vite нічо такого не помітила у відмінностях.
Дякую за відео
Будь ласка.
Канал живий, це добре))
Це добре)
Дякую за працю!
Будь ласка, сподіваюсь корисне відео.
дякую!
за 3 роки у фронтенді зрозумів на власному досвіді що прогрес божевільний, і тобі постійно треба адаптуватись під нові реалії, дякую за відео лайк підписка))
За рік часу, до мене теж прийшло це усвідомлення 😅
Дякую👌
дуже хочеться курс із цим стеком, хоча б невеликий) особливо зацікавив момент із запитами до бд )
Самому цікаво)
Супер
Дякую.
Круто-круто
Радий бути корисним
@@MaksymRudnyi велике дякую
дякую
Сподіваюсь відео сподобалось
так, правильно говорити "Віт", а не "Вайт" - перекладається "швидкий"
Next дуже сподобався, в нього є потенціал, хай ще допилять серверну частину
Мене в першу чергу здивувала швидкість збірки проєкту на вайт. Потрібно почитати про різницю між esbuild та webpack.
esbuild на порядок більшу швидкість має.
ESbuild використовує GO за рахунок якої виграє в швидкості
Вивчаю реакт і викладач місяці три тому порадив використовувати Vite замість звичайного create-app, з плюсів які я помітив це швидкість, проект створюється в рази швидше, але є і мінус, Vite не працює разом з Jest, там прямо в документації це прописано
Чудове відео. Єдине правильніше казати "React застосунки" замість "React додатки"
Дякую. Спробую замінити це слово у своєму лексиконі.
правильно - "додатки", всегда так было
"застосунки" - это слово из в кривого перевода windows vista
@@ГендальфСерый-ф4ю "додаток" - це проруснявий переклад слова application ("приложение"), бо в їх недомові немає адекватного перекладу. але з якого дідька "прикладна програма" стала "приложением" ("додатком")? додатком до чого? саме тому "застосунок" доречніше, бо його застосовують
я недавно почув про Vite і одразу розпочав його використання.
Кажуть толкова штука.
без REST-а? 😮 вау - це цікаво. на серверних компонентах - ок бачу import db, а як же ж зробить сабміт на кліентских?
Використовуємо Віт на продакшн продукті вже майже рік. Ракета.
Радий чути. Будемо використовувати
Ніколи не користувався vite, хоча й чув про нього
Вітаю. Щому в Vite не можу пробросити пропси і не працює useLocation ? Чи то тільки в мене?
Vite - це лише генератор проєкту, він не має жодного відноження до пропсів чи хуків.
Починав вчити Реакт з літа минулого і побачив відео про Vite... Теперь тільки з ним... Але шо толку? Вакансії лише для сеньйорів... Вже й не знаю - чи вчитись далі чи ні...
Сеньйорів завжди треба було, але вони не народжуються, а стають. Зараз часи складніші настали, але сподіваюсь що це не надовго.
як справи друже , знайшов роботу?
Джуни в 2023
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡯⠟⠛⠋⠉⠉⠉⠉⠉⠙⠛⠓⠿⠿⣟⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡯⠞⠋⢁⡀⠤⠀⠒⠀⠀⠀⠐⠒⠠⢀⠢⠀⠀⠀⠉⠛⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⡿⣿⠽⠛⠃⣀⠔⠉⠀⠀⠀⠀⢀⣀⣀⣤⣤⠤⠤⠄⠈⠀⠑⢀⡀⠀⠀⠈⠙⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⠿⠛⠿⠛⠃⠀⠀⡁⠁⠀⢀⣠⣴⣾⡿⠛⠉⠁⠀⠀⠀⠀⣀⢴⠤⢄⡀⠀⠀⠀⠀⠀⠀⠈⠻⠟⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⡿⡿⢦⠀⠀⠀⠀⠄⠀⠀⠀⠀⢀⣴⣿⣫⠤⠔⠚⠛⠒⠒⠚⠛⠯⠙⠢⡕⠈⠢⠀⠀⠀⠀⠀⠀⠀⠀⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣷⡇⠘⡄⠀⠀⠈⠀⠀⠀⠠⢴⡾⠛⠁⠀⠀⠀⠀⠂⠀⠀⠀⠀⠀⠀⠀⠸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⡇⠄⠚⠦⢀⣀⣧⠤⠔⠒⠛⣉⣉⣉⣉⣉⣉⣉⡁⢻⣦⡀⠀⠀⠄⣴⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⣿⣿⣿⣿⣿⣿⣿⣿⣿
⡿⠁⢀⠤⠒⣉⡥⠴⠖⢛⡯⣍⠉⢉⠤⢤⡀⢀⠬⣍⢉⠿⢿⣦⡀⠈⢻⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⣿⣿⣿⣿⣿⣿⣿⣿
⡇⠠⣡⢴⡟⠓⠦⡀⣰⠃⠀⠈⠳⠁⠀⠀⠻⠃⠀⠘⠋⠀⠀⠷⠓⡀⠀⠂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢿⣿⣿⣿⣿⣿⣿⣿
⣷⣾⠣⡾⠀⠀⠀⠈⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢄⠀⢀⠀⠀⠀⠀⠀⠀⠆⠘⡄⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿
⣿⣿⠀⠠⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠀⠀⠀⠀⠀⡀⠀⢀⠀⣀⣼⣆⠈⢧⡀⠀⠀⠀⠀⠸⠀⢹⡀⠀⠀⠀⠸⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣇⠀⠀⠀⢀⣀⢠⠤⠐⠶⠂⠐⠒⠈⢹⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣆⠈⢗⠀⠀⠀⠀⠀⣇⠀⢇⠀⠀⠀⠀⡷⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣷⣄⣌⠀⠀⠀⠀⠀⣀⣀⣤⣄⣤⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣆⠈⢆⠀⠀⠀⠀⢸⠀⠘⠀⠀⠀⠀⣁⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣷⡿⡿⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣆⠈⢾⡄⠀⠀⠘⡇⠀⠀⠀⠀⢰⣷⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⡀⠹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣦⠈⠇⠀⠀⠀⣧⠀⠀⠀⠀⣸⣻⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣷⠀⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠿⢿⣿⣿⣧⠀⠄⠀⠀⢠⠀⠀⢰⣠⣯⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣇⠀⢻⣿⣿⣿⢿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠟⠛⠃⠀⠀⠀⠉⢻⣿⠀⠀⠀⠀⢸⠀⠀⣼⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⡿⣠⠴⠟⢋⡁⠾⠿⠋⠙⠻⠋⠉⠉⠉⠀⠀⠀⠀⠀⢠⣀⣀⣠⠏⠀⡸⠀⠀⢸⠀⣰⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⢱⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⡖⠤⣤⣀⣼⡷⠞⢁⣠⣾⠃⠀⠀⣼⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣗⡇⠀⣀⠀⠀⠀⠀⠀⢀⡀⠀⠀⣤⣀⠀⣰⣡⣴⠖⠻⣕⠀⢺⠻⠊⠁⠀⣠⣾⣯⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⠘⢧⡴⠛⣆⣠⠖⢄⣀⣞⣉⣲⡾⠵⠚⠋⠉⠐⠈⠀⠉⠛⠓⠀⠀⠒⠒⠿⠹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣷⣄⡉⠛⠛⠛⢛⣛⣉⣩⣥⡄⠒⠂⠀⠀⠀⠁⠉⠀⢀⣠⣌⣷⣖⣤⣄⣀⠘⠻⣻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣯⣭⣭⣭⣿⣿⣻⣿⣷⣷⣷⣶⣶⣶⣶⣺⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣵⣆⣬⣘⣻⢿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣭⣛⣿
Як думаєте є смисл вчити некст тому що я думаю що компанії ще не скоро перейдуть на нього хотілось би почути вашу думку на рахунок цього
З чого ви взяли що не скоро перейдуть на нього? Як на мене, якщо у Вас є вчас - учіть. Знання їсти не просять, десь да пригодиться. У будь-якому випадку, основа це React, а його знання все ще актуальні.
Дякую за контент. Відео топ ! чи не прануєте зробити проєкт з використанням React Query(tanStack) ? можливо якусь фільтрацію , пошук і тд ? Дякую !!
Можливо. Я зараз юзаю цю лібу в межах свого навчального проєкту ukraine-now.info Якщо буде час, то постараюсь згадати про це.
@@MaksymRudnyi ЦК ваш курс ? Можна його придбати ?
@@haibova_irisha Це не курс. Це навчальний майданчик для однієї людини. Можливо матеріали з нього я візьму для окремих відео, але наврядчи це буде курс. Всі мої україномовні курси безкоштовні на RUclips.
А що до TurboPack?
Не чув про це. Що за тулза і які її переваги?
Максиме, на Вашу думку, то що зараз потрібно буде знати джуніору, щоб претендувати на позицію "джуніор фронтенд розробник"?
Складне питання. Знати треба усе) Дивіться на вакансії для джунів, що компанії хочуть.
@@MaksymRudnyi компанії завжди хочуть щось різне і побільше)
Але на Вашу думку, якщо розуміти HTML, CSS, JS, React, то чи обов*язково ще і ТайпСкріпт вчити? Бо так можна сидіти і вчитись до безкінечності, і ніколи не встигнеш всього того вивчити..
@@andreyyatsenko1593 ви серйозно тайпскріпт маст хев вобще хз як без нього кодити і плюс якщо говорити про україну тут майже я думаю 90 відсотків вже на ньому пишуть
@@andreyyatsenko1593 Розумію, вчити все нема ні часу ні можливості. Я б сказав, тут індикатором буде важе розуміння матеріалу, тобто React. Як тільки освоїли його, можете і уже створили кілька дійсно складних пет проєктів які будете показувати на співбесідах - можна пробувати готуватись до цих співбесід. TypeScript або що там вимагатимуть підтягнете по ходу, головне уміти вирішувати задачі на React чи на чому там будуть писати. Практикуйтесь щоб змогли зробити тестове завдання.
@@nyarlathoted тобто Тайпскріпт вчити одразу разом з реактом без сумнівів?
Знову все повернулось в старий добрий SSR?
В старий добрий PHP ))
@@MaksymRudnyi Ну так, воно. Або Express + Pug
Вітаю! А що це у вас за редактор коду?
WebStorm
Давай Next js
Колись в майбутньому
Віт а не вайт
Так, я це якось у відео згадував, але без транскрипції дуже важко здогадатися.
Не подобається мені, що React тепер пішов в сторону framework
Мові можливості які додає React неможливо реалізувати в межах бібліотеки. Але разом з цим, ніхто не забороняє його і далі використовувати як бібліотеку щоб зарендерити UI.
Не вайт, в віт
Ага, я там у відео згадував. З французької здається перекладаєтсья як "швидкий". Але без транскрипції догадатися як воно читається важко.
це віт не вайт, бо з французької
дякую за підбитя ітогів щоб бути вкурсі і не читати 200500 сторінок
Юзаю vite в своєму пет-проєкті. Раніше просто чув про нього)
Дякую!
Щось я цього тренду з доступом у бд з фронта не розумію.
роки два знаю про vite. Це топ збірник проектів