Рубрики
Без рубрики

Новая библиотека JavaScript для строительства пользовательских интерфейсов, простых, быстрых и читаемых синтаксисов, смесь с реактивным + стилем трепетания

Здравствуйте, в Brex World A JavaScript Библиотека для строительства пользовательских интерфейсов с легким синтаксисом SYS … Теги от реагирования, JavaScript, Vue, угловой.

Библиотека JavaScript для построения пользовательских интерфейсов с легким синтаксис Система и простое управление каждый виджет в каждом компонент и дизайн простых представлений для каждого состояния в вашем приложении.

  • Быстро и облегчить. Lite Library, чтобы помочь вам создать Комплекс Ui простыми способами.
  • Инструменты. Дайте вам больше библиотеки и методы, помогающие вам создать все, что вы хотите.
  • Легкий стиль. Использование Реагировать Компонент стиля с Методы & Флаттер Виджет стиль с Быстрочитаемая система
  • Простое управление Все вещи в компоненте – виджет

Простой пример

  • Без крючков
 Brex(Component(function() {

  this.state = {
    ...this.state,
    name: 'HoSheiMa',
  }

   return View({
     children: [
       Child({
         text: 'Hello ' + this.state.name
       })
    ]
})
  • С крючками (бета)
 Brex(Component(function() {

   [name, setName] = this.useState('HoSheiMa'); 

   return View({
     children: [
       Child({
         text: 'Hello ' + name
       })
    ]
})
  • Авансовый пример
var Main = function() {

  /**
   * // without Hooks
   * this.state = {
   *  ..this.state,
   *  x: 0,
   * }
  */

  // with Hooks
  [x, setX] = this.useState(0);

  var redText = createNativeElement({
    attrs: {
      style: "color:red;"
    }
  }); // ? Create a custom child using createNativeElement function

  return View({
    children: [
      // children :D
      redText({
        text: "Hello world x: " + x,
        events: {
          click: function() {
            /**
              * // without Hooks
              * this.setState({
              *  x: x + 1,
              * })
            */

            // with Hooks
            setX(x + 1); 
          }
        }
      })
    ]
  });
};

Brex(Component(Main)); // init main point to start from it.

Для более пример Полный пример раздела. С последней версией. Github Link.: https://github.com/HoSheiMa/Brex

Оригинал: “https://dev.to/hosheima/a-new-javascript-library-for-building-user-interfaces-easy-fast-and-readable-syntax-mix-with-react-flutter-style-2b8g”