0.4.5 • Published 9 years ago
revenge v0.4.5
A collection of small React Component helpers
@pure
mark a Component as pure (perf)
import { pure } from 'revenge';
@pure // will add a default shouldComponentUpdate implementation
class UserCard extends React.Component {}
@skinnable()
split logic and rendering (testability)
import { skinnable } from 'revenge';
@skinnable() // or @skinnable(mytemplate)
class UserCard extends React.Component {
getLocals() { // logic here
return {
name: this.props.user.name;
};
}
template(locals) { // rendering here
return <p>{locals.name}</p>;
}
}
@skinnable(contains(Component))
wrap "template" components in a "smart/container" component
import { skinnable, contains } from 'revenge';
const UserCard = ({ name }) => <p>{name}</p>;
@skinnable(contains(UserCard))
class UserCardContainer extends React.Component {
getLocals() {
// ...complex logic to obtain data...
return { name };
}
}
0.4.5
9 years ago
0.4.4
9 years ago
0.4.3
9 years ago
0.4.2
9 years ago
0.4.1
9 years ago
0.4.0
9 years ago
0.3.7
9 years ago
0.3.6
10 years ago
0.3.5
10 years ago
0.3.4
10 years ago
0.3.3
10 years ago
0.3.2
10 years ago
0.3.1
10 years ago
0.3.0
10 years ago
0.2.23
10 years ago
0.2.22
10 years ago
0.2.21
10 years ago
0.1.7
10 years ago
0.2.20
10 years ago
0.2.19
10 years ago
0.1.6
10 years ago
0.2.18
10 years ago
0.2.17
10 years ago
0.1.5
10 years ago
0.2.16
10 years ago
0.2.15
10 years ago
0.2.14
10 years ago
0.1.4
10 years ago
0.2.13
10 years ago
0.2.12
10 years ago
0.2.11
10 years ago
0.2.10
10 years ago
0.2.7
10 years ago
0.2.6
10 years ago
0.2.5
10 years ago
0.2.4
10 years ago
0.2.3
10 years ago
0.2.2
10 years ago
0.2.1
10 years ago
0.2.0
10 years ago
0.1.3
10 years ago
0.1.2
10 years ago
0.1.1
10 years ago
0.1.0
10 years ago
0.0.3
10 years ago