Hyperapp + Parcel

[@Dreyk]

я понимаю, что это перевод, но для справедливости отмечу, что webpack 4 (который сейчас в бете) тоже работает вообще без конфигурации

[@DmitryOlkhovoi]

Он даже sass понимаем, и всякое такое?

[@AndreyRubankov]

Тут сразу встает логичный вопрос: а стоит ли простому сборщику проектов знать про конкретные инструменты?

[@DmitryOlkhovoi]

Учитывая, что такие вещи как sass (опять же пример из статьи) являются широко используемыми, то почему бы и нет? Удобно. Понятное дело, что все автоматизировать нельзя и есть большое количество различных кейсов, но так или иначе, глядя на те же сурвеи, можно составить конечный список расширений и тулзов используемых в большинстве проектов. Хотя надо еще глянуть как они это делают, мб там, что-то похитрей :)

[@AndreyRubankov]

то почему бы и нет? Удобно.

На первый взгляд – да, крутая идея и очень удобно!
Но отсутствие контроля за сборкой – это больше проблема, чем удобство. Неизвестно когда, что и как будет собираться. И как эту сборку отключить? (к примеру в целях отладки)

ну и есть еще другие интересные вопросы:
Сколько популярных вещей есть в js мире?
Как много кода для поддержки их всех нужно добавить в сборщик?
Как они все будут между собою взаимодействовать?
Как долго будет тянуться поддержка «легаси» версий, чтобы никому ничего не сломать?
…

[@DmitryOlkhovoi]

Да это не легко :)
Вот, если интересно, немного информации https://parceljs.org/how_it_works.html

[@Dimensi]

По-моему hyperapp просто игрушка, которую хватит только на виджеты, чтоб сделать серьезное приложение на нем, легче вены вскрыть. У автора библиотеки даже нет представлений как сделать «глобальный» стейт и в ишью, где задавали вопрос, автор просто выбрал более менее адекватные варианты и выложил их как «решения».

[@DmitryOlkhovoi]

Автор Hyperapp и не пытается каким либо образом рекламировать Hyperapp как решение для построения крупных приложений. А автор статьй в свою очередь, приводит пример использования этих инструментов, для написания как вы говорите виджетов, а не чего-то крупного.

[@zim32]

Версия 1.1.2. Думаю уже устарел

[@chuikoffru]

Не нашел примеров, как разбивать на более мелкие компоненты, и вставлять их в родительские. Где можно посмотреть такую реализацию?

[@DmitryOlkhovoi]

Точно так же как и в React :)
С гитхаба примерчик github.com/hyperapp/hyperapp
Box это тоже какой-то компонент

const HelloBox = ({ name }) => (
  <Box color="green">
    <h1 class="title">Hello, {name}!</h1>
  </Box>
)