Retired

React Flux (retired)

Description:

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.

flux

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
Fundamentals
React
Babel

Stats:

CreatedJan 18, 2016
Warriors Trained57
Total Skips0
Total Code Submissions98
Total Times Completed3
JavaScript Completions3
Total Stars5
% of votes with a positive feedback rating25% of 4
Total "Very Satisfied" Votes1
Total "Somewhat Satisfied" Votes0
Total "Not Satisfied" Votes3
Total Rank Assessments1
Average Assessed Rank
6 kyu
Highest Assessed Rank
6 kyu
Lowest Assessed Rank
6 kyu
Ad
Contributors
  • brunolm Avatar
Ad