Документация к фреймворку UI-js
 

https://www.npmjs.com/package/ui-js

Между прочем, он уже довольно популярен, хотя я о нем ни где не говорил ;)

ES6privates,
и 95% загрузок твои?)

ты недооцениваешь максимуса -- 99.9999% :D

К тому же я часто делаю обновления ^^



Ну чедумаете, норм дока? Или записать видео туториал?

Есть идеи на 2 туториала

1) Хеллоу ворлд с нуля (настройка вебпака и все такое)
2) Создание компонента tabs

cyber, ну и что ты теперь скажешь?)



Теперь нужен сайт и видео туториалы?

А вы говорили не взлетит:



Люди уже рекомендуют его друг другу, я чувствую это XD
Видите? Четыре года работы не прошли зря!!!

Странно только, что на гитхабе единственная звезда - от тебя одного :)

ВОТ ИМЕННО!! У меня ваще возгарантус, мне хочется узнать че они вообще думают, баги мож какие? Завелось не завелось. Надо прям крупным текстом написать "пишите мне на гитхаб свое мнение",

я кстати каждый раз захожу, думаю, о звезда, а потом обламываюсь))))))


Ну так че, вот ты лично, скачал, посмотрел? Крутова? Или туторы надо записать показывающие чем он лучше других фреймворков?

Покажи мне хотя бы один проект в котором используется твоя либа, хотя бы один сайт (сделаный не тобой)

Как я по твоему должен это сделать? Если этой либой пользуюсь только я, если я доку написал неделю-две назад, если я не знаю кто и как ей пользуется.


Я могу показать примеры компонентов которые я с помощью этой либы запилил и реиспользую.
Например красивые 3д кнопочки, которые при нажатии отгибаются туда в какую сторону кнопки мы нажали.
Или попап всплыкашки, которые вылезают из того места на котором было последнее событие, вызвавшее открытие попапа. Тыкнул на кнопку - из неё анимированно вылез попап. и.т.п.

cyber, это ТЫ мне лучше скажи, как тебе мой фреймворк. Тестил? Игрался? Удобный? Я для кого доку то писал? Для вас конечно =)

покажи, только сделай это както красиво, что бы можно было по игратся)
Делал, пару демок интереса ради,нормально)
Но без нормальной доки, я бы даже своего мини проекта не взял бы, потому что хотелось бы видеть в доке хотя бы все основные возможности и преймущества.

Когда похвастался перед ребятами из вашей любимой Vue.js =)
https://monosnap.com/file/I6AKe6rfF6...416PGtvhlq.png

Ты имеешь ввиду с кодом или с самими компонентами?

Ну основные возможности я показал в разделе "Template features", а преемущества? Ну удобство и простота. Ни в одном другом фреймворке нет такой логичности и простоты описания интерфейсов. Ты сам посмотри как там банально вкладки делаются. Щас я видео как раз запишу как сделать компонент вкладки. =) жди час

Вот пример как выглядит нормальная дока http://snakeskintpl.github.io/docs/index-ru.html
все распределено по категориям + хорошие примеры

Нет, ты не понял, то что я там описал, на сайте npm ЭТО ВЕСЬ ФРЕЙМВОРК)))) больше ничего и нету. То есть это все что есть.

Кстати вот видос, и щас я попробую записать как сделать такие вкладочки снуля https://www.youtube.com/watch?v=GDQfydRfFkc

И вообще кстати у меня можно обьекты сцены в THREE.js обернуть в html компоненты, и оперировать с ними посредством шаблонизатора ферймворка))) а THREE.js будет на это реагировать) я вот щас как раз так и делаю эту 3д игру рулетку.

<roulette>
  <sector *for='sector in sectors' [texture]='sector.texture'></sector>
</roulette>

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

ES6privates, табы нафиг не кому не нужны их милион, сделай какой то полезный компонент, например combobox с динамическами данными.
сделай с помощью своего фреймворка подоные компоненты https://demos.telerik.com/kendo-ui/c...virtualization и может кто то начнет им пользоватся

А есть табы где ты можешь написать вот так?

<tabs>
  <tab>
    <tab-title>Заголовок 1</tab-title>
    Контент 1
  <tab>

  <tab>
    <tab-title>Заголовок 2</tab-title>
    Контент 2
  <tab>
</tabs>

То есть как в полноценном shadow dom.

И вообще, тут суть в том КААК БЫСТРО И ПРОСТО делаются компоненты, по сравнению с другими фреймворками.

Вот гибкость табов https://www.youtube.com/watch?v=Mp8sYtuq5uI могут ТАК другие фреймворки)?
И так https://www.youtube.com/watch?v=HD6ucGRh-AQ

ES6privates, https://www.polymer-project.org/1.0/ ?

ну так покажи это на сложном компоненте, на простые всем посрать

cyber, Окей, а пока назову основное свое преемущество, у меня нет диирти чекинга, у меня выражения анализируются и на контекст вешаются геттеры и сеттеры, которые отслеживают цепочки свойств типа prop.prop.prop таким образом датабайндинг работает мгновенно и прозрачно. даже синхронный обсервинг массивов. как только мы пишем arr.push() фреймворк это чувствует и производит итерацию элемента в виртуал дом, а когда накопитсядостаточное количество изменений он это отрисует. такое есть в других фреймворках)?

ES6privates, https://vuejs.org/

Смотри какая красота))) картинка вылезает от туда куда произошел клик, мелочь а приятно https://www.youtube.com/watch?v=kD8xjKUC-w8 ну это не связано с фреймворком правда, это скорее я грамотно css запилил.

да ладно? хочешь сказать там тоже сеттеры и геттеры?

cyber, тебе не кажется что у меня как то покрасивее штоле будет, и попроще:

Vue:

Описываем

var demo = new Vue({
  el: '#demo',
  data: {
    message: 'Hello Vue.js!'
  }
})

Используем

<div id="demo">
  <p>{{message}}</p>
  <input v-model="message">
</div>

==================================================
UI-js:

Описываем

class Demo {

  statis tag = 'demo'

  static template = `
      <p>{{message}}</p>
      <input [value]="message">
  `

  constructor {
    this.message = 'Hello UI-js!'
  }

}

Используем:

<demo></demo>

===========================================
При чем у меня можно написать даже так.
Просто дать инпату айдишник и рисовать из него свойства куда хотим и где хотим:

class Demo {
  statiс template = `
    <input #myInput>
    {{myInput.value}}
  `
}

ОООО Я ПРИДУМАЛ!!! Я сделаю сравнение как делать TODO app на моем фреймворке и как на других! Чтобы все сами увидили что у меня в тысячу раз все удобнее продуманнее и логичнее

а потом кто то другой возмет этот код и будет искать куда он рисует

Айдишник действует только в пределах компонента). Мой фреймворк пропитан инкапсуляцией вообще-то, так что странный ты мне упрек выдал). То есть у меня как раз АААНТИ то что ты описал. Я всю архитектуру так и выстраивал чтобы НЕ БЫЛО такого то что ты сказал. То есть ты все наоборот сказал! ИИМЕННО благодаря тому что мы айдишник задали, человек И НЕ БУДЕТ бегать искать, а просто глянет и сразу увидет). Может ты документацию не прочитал? Она же размером со статью на хабре.

Изолированная реиспользуемая логика (обычные javascript классы), изолированные реиспользуемые шаблоны, изолированные css стили действующие только в рамках шаблона компонента (даже селектор звездочка) и.т.п.

TODO APP https://www.youtube.com/watch?v=py36bDUPZq4

Кстати дока снейкскин не работает

jquery.scrollTo.min.js:7 Uncaught ReferenceError: jQuery is not defined

хз, у меня работает

Итак, спустя трое суток:

Ботнет сдулся :)

Маразм. :)

Лол))) когда паблишишь модуль, его сразу качают боты, от туда и загрузки))
Возьми какой-то пустой левый модуль опубликуй, посмотри на следующий день, сколько "человек" им "воспользовалось" )
Ты удивишься, увидев число, которое, примерно, равно 70*количество_паблишей)))

Но максимус ж до этого не догадывается. Ему кажется, что он крут и популярен.
Если, конечно, он сам к накрутке руку не приложил, чтобы попонтоваться тут)