Redux Polymer Todo Tutorial Step-1

todo-list.html

<link rel="import" href="../bower_components/polymer/polymer-element.html">
<link rel="import" href="../bower_components/polymer/lib/elements/dom-repeat.html">

<link rel="import" href="redux/redux-mixin.html">

<dom-module id="todo-list">
	<template>
		<ul>
			<template is="dom-repeat" items="[[todos]]" as="todo">
				<li on-click="_remove">[[todo.text]] <span style="color: white">Remove</span></li>
			</template>
		</ul>
	</template>

	<script>
		class TodoList extends ReduxMixin(Polymer.Element) {
			static get is() {
				return 'todo-list';
			}

			static get properties() {
				return {
					todos: {
						type: Array,
						statePath: 'todos',
					},
				};
			}

			static get actions() {
				return {
					remove: (todo) => {
						return {
							type: 'REMOVE_TODO',
							todo: todo,
						};
					},
				};
			}

			_remove(e) {
				const todo = e.model.todo;
				// 'remove' refers to the above created action
				this.dispatch('remove', todo);
			}
		}

		window.customElements.define(TodoList.is, TodoList);
	</script>
</dom-module>