Как Repl.it переписал IDE: плагины, серверный рендер и меньше бойлерплейта

Repl.it ставит задачу сделать программирование доступнее — значит, среда должна быть лёгкой, быстро грузиться и работать из любой точки мира. Со временем накопился технический долг и костыли. В блоге команда рассказывает, как спроектировали новый IDE: компактное ядро, где всё — плагин, гибкая настройка на лету и серверный рендер.

Старый подход на React заставлял раскладывать компоненты так, как они выглядят на странице. Но для разных языков нужны разные конфиги: вкладки, консоль, веб-просмотр, специфичные виджеты вроде Python Turtle. У каждого языка свой движок и свой интерфейс. Вся эта логика оказывалась в корневом компоненте — ветвления множились, runtime-конфиг писали отдельно под каждый язык. Менять раскладку для одного языка означало плодить хардкод и одноразовые компоненты. Правка одного куска заставляла трогать и тестировать кучу родительских компонентов.

Новый дизайн решает это через модульность: ядро остаётся маленьким, всё настраивается плагинами, а серверный рендер ускоряет первую отрисовку. Подход полезен всем, кто думает о веб-IDE или облачных средах разработки.

Источник: Modular, fast, small: how we built a server-rendered IDE (Repl.it Blog)