Denis
javascript
watch: {
letterCells (value) {
this.letters = { ...value, ...this.letters }
}
},
Syntax Highlight Bot
Denis
Вот тут они заходят
Denis
А мож value вторым надо?
Nikita
Возможно глупый вопрос. Но если мы пишем приложение, а в нем много асинхронных функций, как решается этот кейс?
У меня получается, что нужно весь код оборачивать в (async () => {})() это нормальая практика?
Nikita
Или что-то делаю не так?
Denis
await (async () => {})()
Nikita
Думаю есть смысл смотреть в сторону rxjs
Nikita
Denis, это нормальная практика? Я писал в основном синхронный код
Nikita
до этого
Denis
async () => 1
Это всего лишь сахар для
() => new Promise((resolve, reject) => resolve(1))
Dika
Nikita
да просто представь, код где много вызовов различным апи, динамические импорты и так далее
Nikita
я не могу показать
Denis
да просто представь, код где много вызовов различным апи, динамические импорты и так далее
Такой код пишется на ES6+ а потом транспилируется в ES5-бандл
Denis
Однако это не обязательно, просто выглядит лучше
Denis
Динамический импорт работает только через промис
Denis
javascript
async () => {
const module = await import('module-name')
}
Syntax Highlight Bot
Denis
javascript
(async () => {
const { default: module } = await import('module-name')
})()
Syntax Highlight Bot
Dika
Возможно глупый вопрос. Но если мы пишем приложение, а в нем много асинхронных функций, как решается этот кейс?
У меня получается, что нужно весь код оборачивать в (async () => {})() это нормальая практика?
Ты о том, что нужно оборачивать код в async IIFE из-за того, что нельзя писать топ-левел await?
Dika
Если да — то да, нормальная практика.
Denis
Да он походу ваще не врубэ че происходит)))
Nikita
Типа того, просто подумал что для таких кейсов rxjs является более подходящим решением, но сам его не юзал еще. Знающие может подскажут
Nikita
Denis
Фухх, ну норм тогда
Denis
Я не юзал rx
Nikita
Да чтоб понимали приложение берет данные апи из различных источников, нужно их мерджить, затем обновлять во вью с определенной переодичностью и филтрацией
Denis
Че у тебя там фреймворк какой?
Nikita
omi.js
Denis
https://github.com/Tencent/omi
Nikita
+
Denis
Знаешь китайский?
Nikita
нет )
Nikita
Меня попросили написать, для китайской компании
Denis
Взял бы VUe
Nikita
захотелось выйти из зоны комфорта
Nikita
да и он выглядит достаточно прогресивным
Nikita
там еще модные слова
Nikita
в описании
Nikita
next-generation
Denis
define('like-button', class extends WeElement {
Nikita
😂
Nikita
мне понравилось, что под капотом он использует, то что хотят добавить во вью
Denis
А у меня Vue без Vuex
Nikita
3.0
Denis
C такими штуками https://alligator.io/js/class-composition/#composition-with-javascript-classes
Nikita
а что вместо стора?
Nikita
гляну
Denis
Дерево классов
Nikita
а как пришли к этому решению?
Nikita
классы это ведь вообще не модно и ужас, темболее в js, как мы знаем нет классов 🙂
Denis
Почему "классы это ведь вообще не можно и ужас"???
Nikita
модно* сорри
Они не скрывают состояние, под капотом прототипное наследование. Да и ооп приложение сложнее поддерживать. В целом код без this выглядит лучше, нет потери контекста
Denis
Чем что сложнее?
Denis
Nikita
чем код без this
Nikita
а зачем нужен this, если не используешь классы
Nikita
пишешь все на функциях
Nikita
стрелочные функции решают проблемы с this
Viktor
Оно не сложнее, если исходить из тех приближений, что классы - это сахар. Но если заменить классы на функции, будет ведь то же, только на чистых замыканиях и без this )
Ditor
Nikita
сложнее тем что нужно продумывать наследование заранее
Viktor
Насчет потери контекста - согласен
Nikita
сюда можно 82 строки кода?
Viktor
сложнее тем что нужно продумывать наследование заранее
Можно не строить глубокие иерархии :) В большинстве фреймворков, где view-составляющая сидит на классах, одноуровневая иерархия неплохо прижилась. В остальном можно обходиться композицией)
Denis
https://github.com/Piterden/vue-crossword/compare/6dc4906349e86e92de3139cc3abe14b22a1abf8d...e7631a21adaaac63dec2ddc2d9596492bb2be2d0
Syntax Highlight Bot
Nikita
сейчас скину реализацию этого кода на классах
Viktor
Syntax Highlight Bot
Denis
Я остаюсь на классах