franleplant

{-# LANGUAGE DataKinds         #-}
{-# LANGUAGE DeriveAnyClass    #-}
{-# LANGUAGE DeriveGeneric     #-}
{-# LANGUAGE OverloadedStrings #-}
{-# LANGUAGE TypeApplications  #-}
{-# LANGUAGE TypeOperators     #-}

module Week04.Homework where

import Data.Aeson            (FromJSON, ToJSON)

franleplant

{-# LANGUAGE DataKinds           #-}
{-# LANGUAGE DeriveAnyClass      #-}
{-# LANGUAGE DeriveGeneric       #-}
{-# LANGUAGE FlexibleContexts    #-}
{-# LANGUAGE NoImplicitPrelude   #-}
{-# LANGUAGE OverloadedStrings   #-}
{-# LANGUAGE ScopedTypeVariables #-}
{-# LANGUAGE TemplateHaskell     #-}
{-# LANGUAGE TypeApplications    #-}
{-# LANGUAGE TypeFamilies        #-}

franleplant

• No permitir input ni ningun tipo de input interactivo

franleplant

# Control: Google 

wrk -t12 -c400 -d30s http://google.com

Running 30s test @ http://google.com
  12 threads and 400 connections
  Thread Stats   Avg      Stdev     Max   +/- Stdev
    Latency   519.53ms  204.18ms   2.00s    92.92%
    Req/Sec    45.19     25.95   181.00     73.51%
  14840 requests in 30.10s, 6.77MB read

franleplant

var a = 2;

franleplant

function toClass(Component) {
  return ClassWrapper extends React.Component {
    render() {
      return <Component {...this.props} /> 
    }
  }
}

franleplant

On React Native performance

This is the post-mortem report about the performance problems found mostly in Android but also, in a lesser extend in iOS.

__DEV__ = false

This has a huge impact in the performance. By my measures, about 4x times faster. So be sure to that the app is

franleplant

class MyComp extends React.Component {
  render() {
    // copy props shallowly, you can use other technics such as lodash cloneDeep, et al
    // Why do this? because props are inmutable
    let props = Object.assign({}, this.props);
    delete props.unwantedProp1
    ...
    delete props.unwantedPropN
    // You can also achieve all this with lodash.omit
    

franleplant

class Form extends React.Component {
  constructor(props) {
    this.state = {
      name: '',
      email: ''
    }
  }
  
  handleNameChange(e) {
    this.setState({

franleplant

Introduccion a React (español)

Introduccion

...

Nota es2015

Vamos a estar usando indiscriminadamente conceptos de es2015, si alguien no sabe algo me lo pregunta y lo discutimos