React

React is a JavaScript library for creating user interfaces. It can update specific parts of the DOM, changing only what has really changed without needing to reload an entire block of the interface.

jsx is a preprocessor step that adds XML syntax to JavaScript. You can definitely use React without JSX but JSX makes React a lot more elegant. Just like XML, JSX tags have a tag name, attributes, and children.

Flux

Flux is the application architecture that Facebook uses for building client-side web applications. It complements React's composable view components by utilizing a unidirectional data flow. It's more of a pattern rather than a formal framework, and you can start using Flux immediately without a lot of new code.

Your Task

Complete the TODOs in the code.

You have to make the component use the action that will call the dispatcher that will call the store.

Pre-loaded

const api = {
  items: [],
  
  save(item) {
    this.items.push(item);
  }
};

const ActionTypes = {
  saveItem: 'saveItem'
};

Notes

• In this kata the Dispatcher is in a simplified version. You can do much more with Facebook's Dispatcher