Javascript Funcional

menos código, menos bugs

@Vitormalencar

+Vitor Alencar

Agenda

O que e?
e com js ?
higher order functions
- filter
- curry
- map
- reduce
Podemos Usar ?

O que é Programação Funcional ?

O que é Programação Funcional ?

Paradigma de programação

estilo de vida

Programação Funcional com Js ?

Programação orientada a objetos

(prototypes,this.....)

Como iniciar ?

Como iniciar ?

>

≠

Input -> output

A função abaixo possui inputs e outputs bem definidos:

function square(x) {
    return x * x;
}

square(2); // 4

A função abaixo porém, não possui inputs e outputs tão bem definidos:

function generateDate() {
    var date = new Date();
    generate(date);
}

generateDate(); // ???

Evitar Efeitos Colaterais (side-effects)

usando Funções "Puras"

var nome = 'Vitor';


function sayHi(){
    console.log('oi' + nome)
}

function sayHi(nome){
    return 'oi' + nome;
}

Higher-Order Functions

Filter

Filter

Composição

Currying

Currying

Currying

MAP

MAP

REDUCE

REDUCE

REDUCE

SHOW ME THE CODE

<DEVFEST>

Title Text

npm install --global babel

Javascript Funcional menos código, menos bugs

Made with Slides.com BESbswyBESbswyBESbswyBESbswy