К
Добрый день, вы не знаете, как подключить к react(ts) wasm?
Чтобы это выглядело как import wasm from "..."?
Чтобы это выглядело как import wasm from "..."?
Нужен лоадер, но один фиг это асинхронное апи
Size: a a a
2020 October 06
К
Так как васм нужно загрузить
К
Те у тебя будет:
const wasm = await load();
import { load } from 'module' const wasm = await load();
AT
Добрый день, вы не знаете, как подключить к react(ts) wasm?
Чтобы это выглядело как import wasm from "..."?
Чтобы это выглядело как import wasm from "..."?
К
О, неожиданно, есть лоадер который уже делает синхронный импорт.
Все равно он там асинхронный, вызывающий код будет асинхронно вызван, судя по лоадеру, те обернут в промис
Все равно он там асинхронный, вызывающий код будет асинхронно вызван, судя по лоадеру, те обернут в промис
2020 October 07
JJ
в обычном js файле все ок.
но в стандартной конфигурации react вылазят баги
но в стандартной конфигурации react вылазят баги
JJ
ну, и в гугле куча костылей
JJ
извините за тупой вопрос, я просто новичок во фронте(я больше по бэку).
оказалось, что это нельзя нормально сделать(https://github.com/facebook/create-react-app/issues/4912)
оказалось, что это нельзя нормально сделать(https://github.com/facebook/create-react-app/issues/4912)
M
N
извините за тупой вопрос, я просто новичок во фронте(я больше по бэку).
оказалось, что это нельзя нормально сделать(https://github.com/facebook/create-react-app/issues/4912)
оказалось, что это нельзя нормально сделать(https://github.com/facebook/create-react-app/issues/4912)
Фронта это один большой костыль
К
Да с учетом того, что wasm не разресолвить в bundling time
К
Все лоадеры сломаются нафиг когда-то там.
Конечно лоадер может в момент бандлинга загрузить васм, узнать экспорты, и что дальше?
Синхронно грузить его, блокируя все остальное, потому что так решил фронт?
Иначе если он сделает компонент внутри асинхронного субмодуля с wasm, компонент будет недоступен пока или если вообще загрузится wasm-файлик
Конечно лоадер может в момент бандлинга загрузить васм, узнать экспорты, и что дальше?
Синхронно грузить его, блокируя все остальное, потому что так решил фронт?
Иначе если он сделает компонент внутри асинхронного субмодуля с wasm, компонент будет недоступен пока или если вообще загрузится wasm-файлик
К
Один фиг нельзя юзать wasm без интеропта, а это WAMPI ? Тащить ещё к нему лоадер, один фиг, и все равно будешь с js общаться
N
Не понятно, зачем кому-то вообще синхронная загрузка васм? На фронте считайте нет ничего синхронного.
Сама фронта чаще всего разбита на части и загружается по частям из разных файлов
Сама фронта чаще всего разбита на части и загружается по частям из разных файлов
К
Не понятно, зачем кому-то вообще синхронная загрузка васм? На фронте считайте нет ничего синхронного.
Сама фронта чаще всего разбита на части и загружается по частям из разных файлов
Сама фронта чаще всего разбита на части и загружается по частям из разных файлов
На самом деле нет, если не сделаешь это руками.
js синхронно грузится и парсится
js синхронно грузится и парсится
N
На самом деле нет, если не сделаешь это руками.
js синхронно грузится и парсится
js синхронно грузится и парсится
Сейчас все фреймворки режут на куски сами, из коробки
M
Очередной митап от WebAssembly SF:
https://www.meetup.com/ru-RU/wasmsf/events/273039707
https://www.meetup.com/ru-RU/wasmsf/events/273039707
К
Сейчас все фреймворки режут на куски сами, из коробки
Например? Резать на куски != асинхронная загрузка
N
Например? Резать на куски != асинхронная загрузка
Куски загружаются асинхронно, по мере необходимости, либо просто в фоне, зависит от реализации
К
Куски загружаются асинхронно, по мере необходимости, либо просто в фоне, зависит от реализации
Нет, оно само так не делает.
И пример где? В том же реакте нужно сделать лезилоад компонент для этого
И пример где? В том же реакте нужно сделать лезилоад компонент для этого