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.
Your Task
Complete the TODO
s 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
Similar Kata:
Stats:
Created | Jan 18, 2016 |
Warriors Trained | 57 |
Total Skips | 0 |
Total Code Submissions | 98 |
Total Times Completed | 3 |
JavaScript Completions | 3 |
Total Stars | 5 |
% of votes with a positive feedback rating | 25% of 4 |
Total "Very Satisfied" Votes | 1 |
Total "Somewhat Satisfied" Votes | 0 |
Total "Not Satisfied" Votes | 3 |
Total Rank Assessments | 1 |
Average Assessed Rank | 6 kyu |
Highest Assessed Rank | 6 kyu |
Lowest Assessed Rank | 6 kyu |