VanJS - самый маленький фронтенд фреймворк

Согласно вот этой табличке сейчас существует не менее 150 различных фронтенд фреймворков. Какой самый лучший - дело субъективное, но самый маленький можно вычислить - им будет VanJS (Vanilla JavaScript), который занимает в сжатом виде около 900 байт.

Пример ToDo на нем:

const TodoItem = ({text}) => {
  const done = van.state(false), deleted = van.state(false)
  return () => deleted.val ? null : div(
    input({type: "checkbox", checked: done, onclick: e => done.val = e.target.checked}),
    () => (done.val ? strike : span)(text),
    a({onclick: () => deleted.val = true}, "❌"),
  )
}

const TodoList = () => {
  const inputDom = input({type: "text"})
  const dom = div(
    inputDom,
    button({onclick: () => van.add(dom, TodoItem({text: inputDom.value}))}, "Add"),
  )
  return dom
}

van.add(document.body, TodoList())

Есть своя UI библиотека, свой state менеджер и даже SSR Kit. Всё в таком же минималистском стиле.

#framework

Итоги года от Cloudflare Radar

Начнем год с позитива.
Как мы и оценивали пару месяцев назад, Vue в целом в два раза отстает от React. Успех Nuxt, конечно, грандиозен.

Исследовались top 5000 доменов. Неточности однозначно есть (с тем же Laravel, наверняка), но в целом должно быть правильно

#benchmark #vue #react #stats