Повертати власний проміс тепер зручніше з Promise.withResolvers()
Доволі частий випадок, коли треба повертати проміс та виповнювати
Такий вид запису є не дуже зручним, тому для спрощення подібного коду в JavaScript з'явився метод
А про використання та підтримку цього нового методу розповідаємо у нашому блозі.
@wannabe_javascript #javascript
Доволі частий випадок, коли треба повертати проміс та виповнювати
resolve або reject власноруч. Наприклад, коли у нас є синхронна функція на колбеках, але ми хочемо перетворити її на проміс.
return new Promise((resolve, reject) => {
someSyncFunc((result) => {
if (result === 'success') resolve();
else reject();
});
});
Такий вид запису є не дуже зручним, тому для спрощення подібного коду в JavaScript з'явився метод
Promise.withResolvers().А про використання та підтримку цього нового методу розповідаємо у нашому блозі.
@wannabe_javascript #javascript
👍6🔥3🤔1
Який із наведених фреймворків працює напряму із браузерним API, оминаючи Virtual DOM?
Anonymous Quiz
19%
React
12%
Preact
25%
Vue
33%
Svelte
11%
Qwik
🤔3👍2
Починаючи проєкт на React або Vue, кожного разу виникає питання, куди складати файли, бо у нас може бути багато компонентів, утилітарних функцій, стилів тощо.
Із варіантів архітектури проєкту частіше за все ми обираємо серед:
🔥 Пласкої архітектури
🔥 Модульної архітектури
🔥 Feature Sliced Design
🔥 Мікрофронтендів
Давайте розберемо плюси та мінуси кожної з них, та визначимося, для яких проєктів їх краще обирати.
@wannabe_javascript #frontend
Із варіантів архітектури проєкту частіше за все ми обираємо серед:
Давайте розберемо плюси та мінуси кожної з них, та визначимося, для яких проєктів їх краще обирати.
@wannabe_javascript #frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👍2
За результатами State of JS 2023 усі наведені фреймворки опинилися у зоні негативних відгуків від людей, які пройшли опитування. Окрім одного, який змістився у сторону позитивного ставлення. Як гадаєте, хто саме?
Anonymous Quiz
31%
React
33%
Vue
22%
Svelte
8%
Solid
6%
Qwik
😁5🤔4👍2
Фічі JavaScript, про які ви могли не знати
State of JS 2023, один з найочікуваніших щорічних звітів про розвиток JavaScript, опублікував оновлену інформацію про актуальні фічі.
Тепер ми маємо свіжий рейтинг фіч, що використовуються найбільше, серед яких: фічі синтаксису, фічі string, фічі array, фічі асинхронності.
Детальний опис та приклади використання читайте у нашому блозі.
@wannabe_javascript #javascript
State of JS 2023, один з найочікуваніших щорічних звітів про розвиток JavaScript, опублікував оновлену інформацію про актуальні фічі.
Тепер ми маємо свіжий рейтинг фіч, що використовуються найбільше, серед яких: фічі синтаксису, фічі string, фічі array, фічі асинхронності.
Детальний опис та приклади використання читайте у нашому блозі.
@wannabe_javascript #javascript
👍5🔥3❤2👏2🎉1
Що таке IIFE та для чого він потрібен?
Anonymous Quiz
8%
Вбудована функція для «відлову» помилок
67%
Функція, яка виповнюється негайно
16%
Браузерна фіча для відстежування асинхронних запитів
10%
Метод прототипу функції для створення нових властивостей
👍3🔥2
Друзі, перешкод до появи цієї лекції було безліч: відсутність світла, спроби записати на генераторі, несправності із технікою, невдалі дублі, проте попри все вона готова - наша нова Лекція “Загальні основи 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
Після перегляду лекції ви:
• опануєте основний функціонал Vue 3 та його бібліотек
• зможете самостійно створювати нескладні додатки
• дізнаєтеся, як насправді виглядають компоненти після компіляції у звичайний JavaScript
• ознайомитеся із різними варіантами написання компонентів у Vue: Composition API та Options API
• опануєте головні директиви, функції та макроси
• зможете використовувати Vue Router, Pinia, Vee Validate, VueUse, TailwindCSS
• тощо
Для кого підійде лекція, а також структуру ви можете переглянути на сторінці лекції.
Долучайтеся до перегляду та обовʼязково залишайте свій фідбек
@wannabe_javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥2👏2
👍3🔥3🤔2
Головні “болі” JavaScript
В нашому останньому блог пості ми розглядали рейтинг фіч JavaScript, які є фаворитами розробників. А тепер час обговорити протилежне - що девелоперам не подобається найбільше.
🏆 Думаємо, трійка лідерів нікого не здивує, адже на статичну типізацію, ESM & CJS та дати скаржиться ледь не кожний розробник.
Що ще увійшло в десятку “антифаворитів” та чому, детально розповідаємо у нашому новому блог пості.
@wannabe_javascript #javascript
В нашому останньому блог пості ми розглядали рейтинг фіч JavaScript, які є фаворитами розробників. А тепер час обговорити протилежне - що девелоперам не подобається найбільше.
Що ще увійшло в десятку “антифаворитів” та чому, детально розповідаємо у нашому новому блог пості.
@wannabe_javascript #javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥4😱1
Цікавий підхід реалізації динамічних значень в TailwindCSS. Що скажете?
@wannabe_javascript #tailwindcss
@wannabe_javascript #tailwindcss
🤔9😁2👍1
Prisma vs Drizzle ORM (діліться вашими pros & cons в коментарях)
Anonymous Poll
72%
Prisma
28%
Drizzle ORM
Ще один цікавий підхід динамічних значень в TailwindCSS через дата-атрибути.
@wannabe_javascript #tailwindcss
@wannabe_javascript #tailwindcss
💩5🤔4👍1😁1
Please open Telegram to view this post
VIEW IN TELEGRAM
😁9🔥4
Друзі, на нашому сайті стартували Black Friday & Cyber Monday знижки на лекції.
Знижка -30% діє на усі опубліковані лекції:
• Загальні основи React та нововведення версії 19
• Загальні основи Vue 3 та його головних бібліотек
• Tailwind CSS від 0 до сучасної верстки
Знижки тривають до 02.12 включно.
Поглиблюй свої знання із Wannabe School 🔥
@wannabe_javascript
Знижка -30% діє на усі опубліковані лекції:
• Загальні основи React та нововведення версії 19
• Загальні основи Vue 3 та його головних бібліотек
• Tailwind CSS від 0 до сучасної верстки
Знижки тривають до 02.12 включно.
Поглиблюй свої знання із Wannabe School 🔥
@wannabe_javascript
👍2🔥2👏1
Просто хочемо нагадати вам, що ми завжди відкриті до будь-якого фідбеку та ваших пропозицій 😉
Отримали відгук на лекцію Загальні основи React та побажання щодо наступної теми. Tailwind CSS? А дійсно, чому б і ні! Ідей для лекцій у нас багато, але ми завжди готові поставити у пріоритет те, що цікаво в першу чергу вам.
Отже, Tailwind CSS від 0 до сучасної верстки вже на сайті🚀
Про що розповідаємо?
• робота Tailwind CSS під капотом, базові стилі, динамічні значення
• конфіг та кастомні кольори, плагіни для конфігу
• функція зміни тону кольору
• псевдокласи та як працює group
• що таке ring і до чого тут outline
А також розбираємо:
• роботу із станами елементів
• вирішення конфліктів між класами
• систему шрифтів та типографію
• реалізацію темної теми
• використання container
• комбінування Tailwind із традиційним CSS
• тощо
Повний опис лекції на сайті, переходь та приєднуйся до перегляду 👀
@wannabe_javascript #frontend #tailwindcss
Отримали відгук на лекцію Загальні основи React та побажання щодо наступної теми. Tailwind CSS? А дійсно, чому б і ні! Ідей для лекцій у нас багато, але ми завжди готові поставити у пріоритет те, що цікаво в першу чергу вам.
Отже, Tailwind CSS від 0 до сучасної верстки вже на сайті
Про що розповідаємо?
• робота Tailwind CSS під капотом, базові стилі, динамічні значення
• конфіг та кастомні кольори, плагіни для конфігу
• функція зміни тону кольору
• псевдокласи та як працює group
• що таке ring і до чого тут outline
А також розбираємо:
• роботу із станами елементів
• вирішення конфліктів між класами
• систему шрифтів та типографію
• реалізацію темної теми
• використання container
• комбінування Tailwind із традиційним CSS
• тощо
Повний опис лекції на сайті, переходь та приєднуйся до перегляду 👀
@wannabe_javascript #frontend #tailwindcss
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥1