FrontendConf

Посадил дед REPL

Другое

Программный комитет ещё не принял решения по этому докладу

Целевая аудитория

Все

Тезисы

Как написать свой собственный REPL и где его можно применить

Начнем с простого примера https://raiffeisen-dgtl.github.io/Frontend-editor-light/

применим
- monaco-code-editor
- добавим поддержку библиотек (статически)
- будем собирать TS в браузере через babel-stand-alone

добавим
- загрузку библиотек динамически по вводу строки import ... froom 'название библиотеки' посредством CDN и ESM https://github.com/Tetragius/editor/blob/main/src/Components/Playground/script.ts
- добавим файловую систему
- улучшим сборку перейдем с babel-stand-alone на esbuilder
https://github.com/Tetragius/editor/blob/main/src/Services/ESbuilder.ts
- добавим загрузку ассетов

Итог полноценный REPL для разработки на TS

Дополнительно
- LSP (language server protocol) - или как обстоят дела не с TS
- Добавляем онлайн и совместную работу

Илья Черторыльский

Райффайзен Банк

Frontend-разработчик, лидер сообщества.

Райффайзен Банк

Создают цифровой банк с лучшим пользовательским опытом, персонализацией продуктов и быстрым внедрением изменений. У них все быстро и просто: принимайте решения сами и смотрите, как на ваших глазах строчки кода превращаются в реальную пользу для клиентов.

Видео

Подготовительное задание
-

Другие доклады секции

Другое