Osmel Mora osmelmora
osmelmora
/ child-as-func-vs-hocs.js
Last active
September 18, 2017 17:46
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Imagine what would it be if connect, withRouter, injectIntl were child as function | |
| export default ( | |
| <Connect mapStateToProps={mapStateToProps} mapPropsToActions={actions}> | |
| { | |
| (props) => ( | |
| <WithRouter> | |
| { | |
| (router) => ( | |
| <InjectIntl> | |
| {(intl => <SomeComonent intl={intl} router={router} {...props} />} |
osmelmora
/ all_unique_chars.js
Created
August 29, 2016 17:27
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function allUniqueChars(str) { | |
| if(!str) return false; | |
| let checker = 0; | |
| let flagIndex; | |
| const length = str.length; | |
| for (let i = 0; i < length; i++) { | |
| flagIndex = str[i].charCodeAt(0) - 'a'.charCodeAt(0); | |
| if ((checker & (1 << flagIndex)) > 0) return false; |
osmelmora
/ counter.js
Created
July 14, 2016 18:47
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| class Counter extends React.Component { | |
| constructor(props) { | |
| super(props); | |
| this.state = {count: 0}; | |
| this.incrementCounter = this.updateCounter.bind(this, 1); | |
| this.decrementCounter = this.updateCounter.bind(this, -1); | |
| } | |
| render() { | |
| return ( |
osmelmora
/ select2_wrapper.js
Last active
November 14, 2016 14:57
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var Select2 = React.createClass({ | |
| componentDidMount: function() { | |
| $(this._ref).select2({data: this.props.items}); | |
| }, | |
| render: function() { | |
| return ( | |
| <select | |
| ref={ | |
| function(input) { |
osmelmora
/ text_comp.js
Created
June 21, 2016 19:55
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var TextComponent = React.createClass({ | |
| shouldComponentUpdate: function(nextProps, nextState) { | |
| if (this.props.text === nextProps.text) return false; | |
| return true; | |
| }, | |
| render: function() { | |
| return <textarea value={this.props.text} />; | |
| } | |
| }); |
osmelmora
/ counter_with_container.js
Created
June 21, 2016 16:15
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var Container = React.createClass({ | |
| getInitialState: function() { | |
| return { | |
| data: null, | |
| fetching: false, | |
| error: null | |
| }; | |
| }, | |
| render: function() { |
osmelmora
/ basic_counter_enhanced.js
Created
June 20, 2016 21:32
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var Component = React.createClass({ | |
| getDefaultProps: function() { | |
| console.log('getDefaultProps'); | |
| return { | |
| title: "Basic counter!!!", | |
| step: 1 | |
| } | |
| }, | |
| getInitialState: function() { |
osmelmora
/ basic_counter.js
Last active
June 20, 2016 21:07
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var Counter = React.createClass({ | |
| getDefaultProps: function() { | |
| console.log('getDefaultProps'); | |
| return { | |
| title: 'Basic counter!!!' | |
| } | |
| }, | |
| getInitialState: function() { | |
| console.log('getInitialState'); |
osmelmora
/ contact-list-search.html
Last active
May 25, 2016 20:38
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>Hello React</title> | |
| <script src="https://fb.me/react-15.0.2.js"></script> | |
| <script src="https://fb.me/react-dom-15.0.2.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> | |
| </head> | |
| <body> |
osmelmora
/ contact-list-propTypes.html
Last active
May 23, 2016 17:38
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>Hello React</title> | |
| <script src="https://fb.me/react-15.0.2.js"></script> | |
| <script src="https://fb.me/react-dom-15.0.2.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> | |
| </head> | |
| <body> |
NewerOlder