xavierartot

Firstly install Brew on your MAC

• ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Then install PHP

• brew update
• brew tap homebrew/dupes
• brew tap homebrew/php
• brew install php56

xavierartot

Things I learned the hard way using React Native

Set up your environment carefully: It's important to have one canonical source of truth per environment, per platform. (i.e. iOS Development, iOS Testflight, iOS Production, ditto Android.) Every time you build, your config should propagate values from one input source (per platform) to either Java/JavaScript or Objective-C/JavaScript. Here's what we did for Android and here's what we did for iOS. I don't doubt that you can do better. Please do better. But you can't say that we didn't have one canonical source of truth that worked very simply and effectively throughout the development process.

Don't wait until the end to develop Android and iOS concurrently: Even if you're not actively focusing on both platforms, don't assume that "RN is cross platform… we can develop iOS and flip the Android switch when we'r

xavierartot

import React, { Component } from 'react'
import { connect } from 'react-redux'
import { withRouter } from 'react-router-dom' // withRouter allow to connect the route as property with connect

class ViewPoll extends Component {
  componentDidMount() {
    const { id, question } = this.props
    console.log('xav', question)
    console.log(id)
    // console.log(question.optionTwo.votes) // id : 6ni6ok3ym7mf1p33lnez

xavierartot

module.exports = {
  "env": {
    "browser": true,
    "commonjs": true,
    "es6": true
  },
  "extends": "eslint:recommended",
  "parserOptions": {
    "ecmaFeatures": {
      "experimentalObjectRestSpread": true,

xavierartot

import React from 'react';
import { Col, Button, Form, FormGroup, Label, Input } from 'reactstrap';
import nodemailer from 'nodemailer';

import firebase from './firebase';

export default class ContactForm extends React.Component {
  constructor() {
    super();
    this.state = {

xavierartot

#https://gist.github.com/xavierartot/6fd9442fff6d586e250f40bcd30e2052
# Functions
# prototype
snippet .
	$('.${1:ele}').${0:VISUAL}
snippet proto
	${1:class_name}.prototype.${2:method_name} = function(${3}) {
		${0:${VISUAL}}
	};
# Function

xavierartot

snippet const
	const ${1} = ${0};
snippet let
	let ${1} = ${0};
snippet im "import xyz from 'xyz'"
	import ${1} from '${2:$1}';
snippet imas "import * as xyz from 'xyz'"
	import * as ${1} from '${2:$1}';
snippet imm "import { member } from 'xyz'"
	import { ${1} } from '${2}';

xavierartot

import React from 'react';

const ListItem = (props) => {
  return (
    <li>
      <span className='text-normal'>{props.item}</span>
      <button
        onClick={props.onClickRemove}
        className="btn btn-remove">remove</button>
      <button

xavierartot

//Improvment from this tutorial: https://medium.com/@aghh1504/1-simple-react-todo-list-52186b62976b
import React from 'react';
import List from './List';

export default class TodoList extends React.Component {
  constructor(props) {
    super(props);
    this.onChangeList = this.onChangeList.bind(this);
    this.state = {
      term : '',

xavierartot

dataStore.js
const products = {
  product1 : {category: "Sporting Goods", price: "$49.99", stocked: true, name: "Football"},
  product2 : {category: "Sporting Goods", price: "$9.99", stocked: true, name: "Baseball"},
  product3 : {category: "Sporting Goods", price: "$29.99", stocked: false, name: "Basketball"},
  product4 : {category: "Electronics", price: "$99.99", stocked: true, name: "iPod Touch"},
  product5 : {category: "Electronics", price: "$399.99", stocked: false, name: "iPhone 5"},
  product6 : {category: "Electronics", price: "$199.99", stocked: true, name: "Nexus 7"}
};
export default products;