Все про JavaScript | Wannabe School

"AI забере нашу роботу"Тим часом AI:@wannabe_javascript

Ще один цікавий підхід динамічних значень в TailwindCSS через дата-атрибути.@wannabe_javascript #tailwindcss

Цікавий підхід реалізації динамічних значень в TailwindCSS. Що скажете?@wannabe_javascript #tailwindcss

Головні “болі” JavaScriptВ нашому останньому блог пості ми розглядали рейтинг фіч JavaScript, які є фаворитами розробників. А тепер час обговорити протилежне - що девелоперам не подобається найбільше.🏆 Думаємо, трійка лідерів нікого не здивує, адже на статичну типізацію, ESM & CJS та дати скаржиться ледь не кожний розробник.Що ще увійшло в десятку “антифаворитів” та чому, детально розповідаємо у нашому новому блог пості.@wannabe_javascript #javascript

Друзі, перешкод до появи цієї лекції було безліч: відсутність світла, спроби записати на генераторі, несправності із технікою, невдалі дублі, проте попри все вона готова - наша нова Лекція “Загальні основи Vue 3 та його головних бібліотек” 🥳Після перегляду лекції ви:• опануєте основний функціонал Vue 3 та його бібліотек• зможете самостійно створювати нескладні додатки• дізнаєтеся, як насправді виглядають компоненти після компіляції у звичайний JavaScript• ознайомитеся із різними варіантами написання компонентів у Vue: Composition API та Options API• опануєте головні директиви, функції та макроси• зможете використовувати Vue Router, Pinia, Vee Validate, VueUse, TailwindCSS• тощоДля кого підійде лекція, а також структуру ви можете переглянути на сторінці лекції.І це ще не все! Ми даруємо промокод на знижку 10% на купівлю цієї лекції - VUE10. Термін його дії обмежений, він працюватиме лише перші 24 години після анонсу (до 28 серпня 11:00 за Києвом).Долучайтеся до перегляду та обовʼязково залишайте свій фідбек 🤝@wannabe_javascript

Фічі JavaScript, про які ви могли не знатиState of JS 2023, один з найочікуваніших щорічних звітів про розвиток JavaScript, опублікував оновлену інформацію про актуальні фічі.Тепер ми маємо свіжий рейтинг фіч, що використовуються найбільше, серед яких: фічі синтаксису, фічі string, фічі array, фічі асинхронності.Детальний опис та приклади використання читайте у нашому блозі.@wannabe_javascript #javascript

Починаючи проєкт на React або Vue, кожного разу виникає питання, куди складати файли, бо у нас може бути багато компонентів, утилітарних функцій, стилів тощо.Із варіантів архітектури проєкту частіше за все ми обираємо серед:🔥Пласкої архітектури🔥Модульної архітектури🔥Feature Sliced Design🔥МікрофронтендівДавайте розберемо плюси та мінуси кожної з них, та визначимося, для яких проєктів їх краще обирати.@wannabe_javascript #frontend

Повертати власний проміс тепер зручніше з Promise.withResolvers()Доволі частий випадок, коли треба повертати проміс та виповнювати resolve або reject власноруч. Наприклад, коли у нас є синхронна функція на колбеках, але ми хочемо перетворити її на проміс.return new Promise((resolve, reject) => { someSyncFunc((result) => { if (result === 'success') resolve(); else reject(); });});Такий вид запису є не дуже зручним, тому для спрощення подібного коду в JavaScript з'явився метод Promise.withResolvers().А про використання та підтримку цього нового методу розповідаємо у нашому блозі.@wannabe_javascript #javascript

Друзі, разом із сайтом ми анонсуємо наш перший навчальний продукт - бібліотеку лекцій 🥳Цей формат має свої переваги:• миттєвий доступ до матеріалу: лекція стає доступною до перегляду одразу після покупки • економія часу: кожна лекція - це концентрат інформації, яка викладається протягом 60-90 хвилин• різноманіття тем: бібліотека буде містити лекції з різних тем, що дає можливість обирати та купляти тільки релевантні відеоматеріалиА щоб ви самостійно у цьому переконалися, на сайті вже доступна до перегляду перша лекція - Загальні основи React та нововведення версії 19 🚀Що ми розглянемо у лекції:• основний функціонал React• нововведення версії 19• хуки React, як-от useState і useEffect, та функції, як, наприклад, forwardRef і createContext• використання React Router, TailwindCSS, TanStack Query тощоА більше деталей по наповненню лекції - на нашому сайті. Поглиблюйте свої знання разом із Wannabe School 😎@wannabe_javascript #бібліотеки