Новая звезда интерфейсной платформы — введение в Hyperapp 1.0

Исходная ссылка: https://hackernoon.com/introduction-hyperapp-1-0-dbf4229abfef

В этом трех зубчатых фронтальных рамках круга реакции, Vue и угловой (на самом деле, реагируют и Vue не являются структурой), на самом деле очень хорошие библиотеки, которые не известны, потому что они покрыты светом Первые три. Сегодня я собираюсь познакомить вас с одним из них: HyperApp.

Спустя почти год Hyperapp1.0, наконец, выпущен, что также свидетельствует о том, что он стал стабильным, а API — зрелым.

Что такое гиперприложение?

Если вы еще не слышали о Hyperapp, для меня большая честь быть первым, кто сегодня познакомит вас с этой библиотекой. Hyperapp — это современная библиотека JS для создания быстрых и многофункциональных веб-приложений. Он весит всего 1,3 КБ и очень прост в использовании.

Архитектура Hyperapp основана на React, Redux и Elm, а также включает в себя сущность автора и других разработчиков кода в сообществе. Вот очень упрощенный пример:

import { h, app } from "hyperapp"

const state = {
  count: 0
}

const actions = {
  down: () => state => ({ count: state.count - 1 }),
  up: () => state => ({ count: state.count + 1 })
}

const view = (state, actions) => (
  <main>
    <h1>{state.count}</h1>
    <button onclick={actions.down}>-</button>
    <button onclick={actions.up}>+</button>
  </main>
)

export const main = app(state, actions, view, document.body)

Для Hyperapp JSX не нужен. Но так как все знакомы, мы используем JSX во всех примерах и документации.

Hyperapp также предоставляет некоторые альтернативы JSX, такие какhФункция (первая буква Hyperapp),hyperapp/html,hyperx,t7.

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

Что дальше для Hyperapp?

Автор и многое запланировал, в том числе отправив Hacker News PWA наhnpwa.com, в том числеRealWorldДобавьте реализацию кейса.

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

Если вам интересно, вы можете перейти на Github Hyperapp, чтобы просмотреть руководство.

Позже, если у меня будет время, я подробно объясню вам исходный код и узнаю кое-что новое за пределами трех фреймворков.

жесткий широкий

Это мой интерфейсный технологический апплет, в основном все статьи будут обновляться в апплете синхронно. Добро пожаловать, чтобы присоединиться к веселью.