Skip to content

Instantly share code, notes, and snippets.

View cmilfont's full-sized avatar

Christiano Milfont cmilfont

View GitHub Profile
const CustomerRow = ({ customer: { name, email } }) => (
<div className="ustomers-grid__row">
<div className="ustomers-grid__row-name">{name}</div>
<div className="ustomers-grid__row-email">{email}</div>
</div>
);
const Customers = ({ customers }) => {
const list = customers.map(customer => (<CustomerRow customer={customer} />);
return (
const Customers = ({ customers }) => (
<div className="customers-grid">
<Toolbar />
<Grid rows={
customers.map(customer => (
<div className="ustomers-grid__row">
<div className="ustomers-grid__row-name">{customer.name}</div>
<div className="ustomers-grid__row-email">{customer.email}</div>
</div>
)
@cmilfont
cmilfont / template-concat.js
Created March 8, 2017 10:33
template literals
const user = {
name: 'Christiano Milfont',
email: 'cmilfont@gmail.com',
};
const template = '<div>' + user.name + ' - <span>' + user.email + '</span><div>';
function A(name) {
this.name = name || 'Christiano';
return this.name;
}
function B() {
this.surname = 'Milfont';
this.getName = function() {
return `${this.name} - ${this.surname}`;
@cmilfont
cmilfont / install.sh
Last active January 3, 2017 11:06
React Native
# with installed nvm
# Install SDK Android - https://facebook.github.io/react-native/docs/getting-started.html
# Appearance & Behavior → System Settings → Android SDK
# SDK Platforms: Android 6.0 (Marshmallow)
# Launch Standalone SDK Manager -> Tools -> 23.0.1
# Configure ~/.profile
export NVM_DIR="/Users/cmilfont/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"
@cmilfont
cmilfont / Container.jsx
Last active December 21, 2016 11:52
Real World - incomplete, but an idea
import React, { PropTypes } from 'react';
import { connect } from 'react-redux';
import FormContainer from './form.jsx';
import List from './List.jsx';
/* Export function to unit tests */
export const TodoList = (todos, create) => (
<div>
<FormContainer submit={create} />
<List todos={todos} />
@cmilfont
cmilfont / asyncAwait.js
Created November 17, 2016 15:54
Async / Await in Javascript
const models = require('./server/models');
const email = 'cmilfont@gmail.com';
async function fetchData(email) {
const [user, kind] = await Promise.all([
models.User.findOne({
where: { email }
}),
models.Kind.findOne({
@cmilfont
cmilfont / es7.js
Created August 15, 2016 18:35
Babel pra sempre
import React from 'react';
import { connect } from 'react-redux';
import FormContainer from './container';
@connect(state => ({ openNewFeedback: state.openNewFeedback }))
export default class Form extends React.Component {
static propTypes = {
openNewFeedback: React.PropTypes.bool,
dispatch: React.PropTypes.func,
actions: React.PropTypes.any,
@cmilfont
cmilfont / babel.json
Created August 15, 2016 18:30
.babelrc
{
"presets": [
"es2015",
"react",
"stage-0"
],
"plugins": [
"transform-decorators-legacy",
[
"resolver",