Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mysticatea/react-helix-examples
Examples for react-helix library.
https://github.com/mysticatea/react-helix-examples
Last synced: about 2 months ago
JSON representation
Examples for react-helix library.
- Host: GitHub
- URL: https://github.com/mysticatea/react-helix-examples
- Owner: mysticatea
- License: mit
- Created: 2015-03-27T11:59:53.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2015-04-20T12:27:04.000Z (over 9 years ago)
- Last Synced: 2024-11-01T14:40:06.372Z (2 months ago)
- Language: JavaScript
- Size: 906 KB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-helix-examples
Examples for [react-helix](https://github.com/mysticatea/react-helix) library.
## Installation
```
git clone https://github.com/mysticatea/react-helix-examples.git
cd react-helix-examples
npm install
```
## Usage
```
npm start
```
And please open:
* http://localhost:3000/todos/
## Todos
### Overview
Minimal TODO management application.
A keypoint is the way to use `AgentComponent::request` method.
1. First, we import actions to use.
```js
import {updateTodoTitle} from "../action/TodoApp";
```
2. Next, we write a class that inherits from `AgentComponent`.
```js
export default class TodoItem extends AgentComponent {
```
3. Lastly, we use `this.request` method with toghether the action and parameters.
```js
this.request(updateTodoTitle, id, value);
```
That's all, basically.
See Also: [react-helix](https://github.com/mysticatea/react-helix)
### Class Diagram
