Узнайте, как использовать библиотеку представлений в стиле «Дарти»

В части 1 этой серии мы создали наш компонент Greeting, который взял параметр name и отобразил его на экране. Вот как выглядел фрагмент этого кода:

var Greeting = createReactClass({
  "render": allowInteropCaptureThis(
    (ReactClassInterface self) => React.createElement(
      'h1', 'null, ['Hello, ${getProperty(self.props, 'name')}]),
  )
});

И мы использовали это, выполнив:

void main() {
  ReactDOM.render(
    React.createElement(
      Greeting,
      makeJsObject({
        'name': 'John'
      }),
      null,
    ),
    querySelector('#output'),
  );
}

В этой части мы проведем рефакторинг нашего решения и приступим к созданию примера компонента с отслеживанием состояния. Вот полное видео:

→ Посмотреть на YouTube
→ Получить исходный код

Заключение

Надеюсь, это было проницательно, и сегодня вы узнали что-то новое.

Подпишитесь на мой канал YouTube, чтобы получать уведомления, когда часть 3 будет готова. Спасибо!

Ставьте лайки, делитесь и подписывайтесь на меня 😍, чтобы узнать больше о Dart.

дальнейшее чтение

  1. Js пакет
  2. Как использовать библиотеки JavaScript в ваших приложениях Dart
  3. Полнофункциональная веб-разработка с Dart