Skip to content

Instantly share code, notes, and snippets.

View osmelmora's full-sized avatar

Osmel Mora osmelmora

3 followers · 7 following
View GitHub Profile
@osmelmora
osmelmora / child-as-func-vs-hocs.js
Last active September 18, 2017 17:46
// 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
osmelmora / all_unique_chars.js
Created August 29, 2016 17:27
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
osmelmora / counter.js
Created July 14, 2016 18:47
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
osmelmora / select2_wrapper.js
Last active November 14, 2016 14:57
var Select2 = React.createClass({
componentDidMount: function() {
$(this._ref).select2({data: this.props.items});
},
render: function() {
return (
<select
ref={
function(input) {
@osmelmora
osmelmora / text_comp.js
Created June 21, 2016 19:55
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
osmelmora / counter_with_container.js
Created June 21, 2016 16:15
var Container = React.createClass({
getInitialState: function() {
return {
data: null,
fetching: false,
error: null
};
},
render: function() {
@osmelmora
osmelmora / basic_counter_enhanced.js
Created June 20, 2016 21:32
var Component = React.createClass({
getDefaultProps: function() {
console.log('getDefaultProps');
return {
title: "Basic counter!!!",
step: 1
}
},
getInitialState: function() {
@osmelmora
osmelmora / basic_counter.js
Last active June 20, 2016 21:07
var Counter = React.createClass({
getDefaultProps: function() {
console.log('getDefaultProps');
return {
title: 'Basic counter!!!'
}
},
getInitialState: function() {
console.log('getInitialState');
@osmelmora
osmelmora / contact-list-search.html
Last active May 25, 2016 20:38
<!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
osmelmora / contact-list-propTypes.html
Last active May 23, 2016 17:38
<!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>