Skip to content

Instantly share code, notes, and snippets.

@antonioiksi
antonioiksi / react.js
Created November 6, 2017 20:41
replace require with import and vv
The syntax for importing a member of a module with an aliased name is:
import {key as foo} from 'bar';
This is equivalent to var foo = require('bar').key;
If you want to import a member without aliasing it, the syntax is simpler:
import {foo} from 'bar';
@antonioiksi
antonioiksi / react.js
Created November 6, 2017 13:21
react read from file
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
data: null
};
this.handleFileSelect = this.handleFileSelect.bind(this);
}
displayData(content) {
@antonioiksi
antonioiksi / react.js
Created November 5, 2017 22:35
clone array is easy: arr.slice(0)
this.setState({
result: this.state.query.slice(0),
});
@antonioiksi
antonioiksi / react.js
Created November 5, 2017 21:52
Compose Layout and Route
export const BackofficeRoute = ({component:Component, ...rest}) => {
return (
<Route {...rest} render={matchProps => (
<div className="BackofficeLayout">
<AuthRequired/>
<Header/>
<div className="Header">Header</div>
<Component {...matchProps}/>
<div className="Footer">Footer</div>
</div>
@antonioiksi
antonioiksi / react.js
Created November 5, 2017 21:26
remove item from array
this.setState({
query: this.state.query.filter((_,i) => i !== removeId)
});
name: Manage Inventory
type: module
description: 'Provides Inventory entity.'
package: Custom
core: 8.x
package: Custom