marko README

The project's README from github.com/marko-js/marko. As one markdown file: README.md.

Marko

A declarative, HTML-based language that makes building web apps fun 🔥

NPM Discord Chat Continuous Integration status Code coverage % # of monthly downloads OpenSSF Best Practices

Docs ∙ Try Online ∙ Contribute ∙ Get Support

Intro

Marko is HTML reimagined as a language for building dynamic and reactive user interfaces. Almost any valid HTML is valid Marko, and Marko extends HTML for building modern applications more declaratively. Among these extensions are components, conditionals and loops, and a full reactivity system.

Example Component

The following renders a button and a counter of how many times the button has been pressed:

click-count.marko

// HTML + JavaScript = 💜
<let/count=0>
<button onClick() { count++ }>
  Clicked ${count} times
</button>

Getting Started

  1. npm init marko
  2. Read the docs

Community & Support

Keep up with the community on Bluesky at @markojs.com

Tweet to @MarkoDevTeam or use the #markojs hashtag

Browse the code, open issues, & make pull requests on GitHub

Hang out in our Discord server to ask questions & discuss marko

Contributors

Marko would not be what it is without all those who have contributed ✨

All marko-js/marko GitHub contributors

Get Involved!

marko (marko-js/marko)

Searching Database…

14.5K ·GitHub
Что это?Marko — это декларативный язык на основе HTML для создания динамичных реактивных пользовательских интерфейсов. Он расширяет обычный HTML компонентами, условиями, циклами и встроенной системой реактивности.
Это шаблонизатор, фреймворк или библиотека?Это UI-фреймворк с собственным шаблонным языком на основе HTML, который компилируется в JavaScript и поддерживает как рендеринг на стороне клиента, так и рендеринг на стороне сервера.
Как создать новый проект Marko?Выполните команду 'npm init marko', чтобы создать каркас нового проекта, а затем следуйте документации по созданию компонентов.
Какая версия Node.js мне нужна?Для Marko нужен Node.js версии 22.18.0+, 24.x или 26.0.0 и выше.
Мне нужно учить много нового синтаксиса, чтобы им пользоваться?Не особо — почти любой корректный HTML уже является корректным Marko, поэтому вы расширяете то, что уже знаете, а не изучаете целый новый синтаксис.
Это для создания целых приложений или только отдельных виджетов интерфейса?Он предназначен для создания полноценных динамичных и реактивных веб-приложений, а не только отдельных виджетов.
Поддерживает ли Marko рендеринг и на стороне клиента, и на стороне сервера?Да, Marko изоморфный и из коробки поддерживает рендеринг на стороне клиента (CSR) и на стороне сервера (SSR), что отражено в тегах репозитория и в его дизайне.
Как выглядит компонент Marko?Компонент записывается в файле .marko, похожем на HTML, например click-count.marko, и сочетает разметку с логикой компонента, такой как счётчики и обработчики кликов.
Можно ли попробовать Marko без установки чего-либо?Да, в README есть ссылка 'Try Online', с помощью которой можно экспериментировать с Marko прямо в браузере перед настройкой проекта.
What are similar projects?hyperapp, riot, mitosis, nuxt, razzle, framework, preact, inferno
Creator
marko-js
Size
99.5 MB
Stars
14.5K
Age
12y
Commits · 90 Days