Size: a a a

Клуб Vue.js-разработчиков

2021 February 21

MF

Max Feskov in Клуб Vue.js-разработчиков
А теперь (добавлен await)

console.log('start');

(async () => {
 await setTimeout(() => {
   console.log('timeout');
 }, 0);
})();

console.log('end');
источник

A

Ali in Клуб Vue.js-разработчиков
Max Feskov
Немного запоздалый пример по асинхронности в js

В каком порядке выведет в консоль?
console.log('start');

(async () => {
 setTimeout(() => {
   console.log('timeout');
 }, 0);
})();

console.log('end');
Никакая разница не будет, что в первом, что во втором.
start -> end -> timeout
источник

S

Stanislav in Клуб Vue.js-разработчиков
Max Feskov
А теперь (добавлен await)

console.log('start');

(async () => {
 await setTimeout(() => {
   console.log('timeout');
 }, 0);
})();

console.log('end');
в обоих start / end / timeout
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Кажется мне пришла идея как сделать декларативный стейт менеджмент во вью (против импреативного вьюкса). Можно делать микро-сторы через эффектор и прокидывать из рута через provide их вниз, дальше по дереву инжектить то что конкретно нужно типа: inject: { 'myStore/someEvent': 'someEvent', 'myStore/someState': 'someState' }
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Через адаптер навесить реактивность в том же руте
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Тут конечно придётся с .value изголяться, но и просто полностью импортировать стору тоже можно
источник

AP

Anton Permyakov in Клуб Vue.js-разработчиков
Stanislav Lashmanov
Кажется мне пришла идея как сделать декларативный стейт менеджмент во вью (против импреативного вьюкса). Можно делать микро-сторы через эффектор и прокидывать из рута через provide их вниз, дальше по дереву инжектить то что конкретно нужно типа: inject: { 'myStore/someEvent': 'someEvent', 'myStore/someState': 'someState' }
кстати, логукс не смотрел?
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Смотрел
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
У меня даже контрибьюшен там есть для вью адаптера
источник

MF

Max Feskov in Клуб Vue.js-разработчиков
Ali
Никакая разница не будет, что в первом, что во втором.
start -> end -> timeout
И это правильный ответ. Потому что в таймауте асинхронный только колбэк. А await дождется Id-таймера, который возвращается в синхронном потоке.

Асинхронность в JS простая, но всегда нужно помнить, какая часть в какой структуре является синхронной.
источник

AP

Anton Permyakov in Клуб Vue.js-разработчиков
Stanislav Lashmanov
У меня даже контрибьюшен там есть для вью адаптера
у Ильи тоже в вту коммиты есть, отзывы все равно не очень :D
источник

AB

Andrew Baga in Клуб Vue.js-разработчиков
источник

VK

Vladimir Kartyshov in Клуб Vue.js-разработчиков
😀😀😎
источник

DV

Denis Vasilchenko in Клуб Vue.js-разработчиков
Max Feskov
А теперь (добавлен await)

console.log('start');

(async () => {
 await setTimeout(() => {
   console.log('timeout');
 }, 0);
})();

console.log('end');
А разве setTimeout возвращает промис? Зачем его в await засунули?
источник

EG

Evgeny Gavrilov in Клуб Vue.js-разработчиков
Denis Vasilchenko
А разве setTimeout возвращает промис? Зачем его в await засунули?
Запутать читателя 🤷‍♂
источник

MF

Max Feskov in Клуб Vue.js-разработчиков
Denis Vasilchenko
А разве setTimeout возвращает промис? Зачем его в await засунули?
Это сделано специально, чтобы запутать
источник

DV

Denis Vasilchenko in Клуб Vue.js-разработчиков
А, ладно)
источник

VK

Vladimir Klimov in Клуб Vue.js-разработчиков
Stanislav Lashmanov
Кажется мне пришла идея как сделать декларативный стейт менеджмент во вью (против импреативного вьюкса). Можно делать микро-сторы через эффектор и прокидывать из рута через provide их вниз, дальше по дереву инжектить то что конкретно нужно типа: inject: { 'myStore/someEvent': 'someEvent', 'myStore/someState': 'someState' }
Эффектор теперь и во вью?😁
Как вам его концепция?
источник

ST

Sergey TS in Клуб Vue.js-разработчиков
Здравствуйте. Является ли Nest аналогом Laravel?
источник

EG

Evgeny Gavrilov in Клуб Vue.js-разработчиков
Sergey TS
Здравствуйте. Является ли Nest аналогом Laravel?
То фреймворк, это фреймворк🤷‍♂
источник