es2015 - stepan parunashvili

73
() => ES2015 Stepan Parunashvili 1

Upload: stepan-parunashvili

Post on 19-Jan-2017

286 views

Category:

Software


0 download

TRANSCRIPT

Page 1: ES2015 - Stepan Parunashvili

() => ES2015

Stepan Parunashvili

1

Page 2: ES2015 - Stepan Parunashvili

2

Page 3: ES2015 - Stepan Parunashvili

Babel $ npm install -g babel-cli

3

Page 4: ES2015 - Stepan Parunashvili

No more waiting

4

Page 5: ES2015 - Stepan Parunashvili

Arrow Functions () =>

5

Page 6: ES2015 - Stepan Parunashvili

6

Page 7: ES2015 - Stepan Parunashvili

7

Page 8: ES2015 - Stepan Parunashvili

8

Page 9: ES2015 - Stepan Parunashvili

9

Page 10: ES2015 - Stepan Parunashvili

10

Page 11: ES2015 - Stepan Parunashvili

Classesclass Component {}

11

Page 12: ES2015 - Stepan Parunashvili

12

Page 13: ES2015 - Stepan Parunashvili

13

Page 14: ES2015 - Stepan Parunashvili

14

Page 15: ES2015 - Stepan Parunashvili

15

Page 16: ES2015 - Stepan Parunashvili

Modulesimport User from 'user'

16

Page 17: ES2015 - Stepan Parunashvili

17

Page 18: ES2015 - Stepan Parunashvili

18

Page 19: ES2015 - Stepan Parunashvili

Larger Standard LibraryMap, Set, WeakMap, Promise...

19

Page 20: ES2015 - Stepan Parunashvili

Smarter Object Expressions{users}

20

Page 21: ES2015 - Stepan Parunashvili

21

Page 22: ES2015 - Stepan Parunashvili

22

Page 23: ES2015 - Stepan Parunashvili

23

Page 24: ES2015 - Stepan Parunashvili

24

Page 25: ES2015 - Stepan Parunashvili

25

Page 26: ES2015 - Stepan Parunashvili

Destructuring in arguments({name, friends}) => console.log(name, friends)

26

Page 27: ES2015 - Stepan Parunashvili

27

Page 28: ES2015 - Stepan Parunashvili

28

Page 29: ES2015 - Stepan Parunashvili

29

Page 30: ES2015 - Stepan Parunashvili

30

Page 31: ES2015 - Stepan Parunashvili

Default Arguments(name = 'Bob') => console.log(name)

31

Page 32: ES2015 - Stepan Parunashvili

32

Page 33: ES2015 - Stepan Parunashvili

33

Page 34: ES2015 - Stepan Parunashvili

Template Strings`hello ${name}`

34

Page 35: ES2015 - Stepan Parunashvili

35

Page 36: ES2015 - Stepan Parunashvili

36

Page 37: ES2015 - Stepan Parunashvili

More destructuringvar [first, ...rest] = users

37

Page 38: ES2015 - Stepan Parunashvili

38

Page 39: ES2015 - Stepan Parunashvili

39

Page 40: ES2015 - Stepan Parunashvili

40

Page 41: ES2015 - Stepan Parunashvili

41

Page 42: ES2015 - Stepan Parunashvili

42

Page 43: ES2015 - Stepan Parunashvili

SplataddFriends(...friends)

43

Page 44: ES2015 - Stepan Parunashvili

44

Page 45: ES2015 - Stepan Parunashvili

45

Page 46: ES2015 - Stepan Parunashvili

Block scoping: let & constlet i = 0;

46

Page 47: ES2015 - Stepan Parunashvili

47

Page 48: ES2015 - Stepan Parunashvili

48

Page 49: ES2015 - Stepan Parunashvili

49

Page 50: ES2015 - Stepan Parunashvili

50

Page 51: ES2015 - Stepan Parunashvili

51

Page 52: ES2015 - Stepan Parunashvili

52

Page 53: ES2015 - Stepan Parunashvili

SymbolsSymbol.iterator

53

Page 54: ES2015 - Stepan Parunashvili

Iteratorsfor (const number of evenNumbers)

54

Page 55: ES2015 - Stepan Parunashvili

55

Page 56: ES2015 - Stepan Parunashvili

56

Page 57: ES2015 - Stepan Parunashvili

Iterable {[Symbol.iterator](): Iterator}

57

Page 58: ES2015 - Stepan Parunashvili

58

Page 59: ES2015 - Stepan Parunashvili

Iterator {next(): IteratorResult}

59

Page 60: ES2015 - Stepan Parunashvili

60

Page 61: ES2015 - Stepan Parunashvili

IteratorResult {done: Boolean, value: any}

61

Page 62: ES2015 - Stepan Parunashvili

62

Page 63: ES2015 - Stepan Parunashvili

63

Page 64: ES2015 - Stepan Parunashvili

Generatorsfunction *gen() {}

64

Page 65: ES2015 - Stepan Parunashvili

65

Page 66: ES2015 - Stepan Parunashvili

66

Page 67: ES2015 - Stepan Parunashvili

67

Page 68: ES2015 - Stepan Parunashvili

68

Page 69: ES2015 - Stepan Parunashvili

69

Page 70: ES2015 - Stepan Parunashvili

Async / Await var users = await getUsers();

70

Page 71: ES2015 - Stepan Parunashvili

And, there's more...

71

Page 72: ES2015 - Stepan Parunashvili

BabelImmutableJS

FlowReact

React Native

72

Page 73: ES2015 - Stepan Parunashvili

thank you :)

73