UIElement Docs Version 0.9.4

🔄 Data Flow

Passing State Down

Let's consider a parent component called TodoApp that coordinates an inner component called TodoList. TodoApp needs to be able to add new tasks to the TodoList and modify how it is filtered.

Parent Component: TodoApp

js

class TodoApp extends UIElement {

}
TodoApp.define('todo-app');

Child Component: TodoList

js

class TodoList extends UIElement {

}
TodoApp.define('todo-list');

Events Bubbling Up

Providing Context

Consuming Context