An overview of what I saw at the 2016 edition of jsDay. Presentation held @ May 2016 RomaJS meetup

1. RECAP!

2. Who

3. Who

4. GrUSP

5. jsDay buzzwords!

7. What we need from the Web, and what it needs from us

8. Progressive Web App (Wikipedia)

12. What we need from the Web, and what it needs from us

13. What we need from the Web, and what it needs from us

14. Service Workers (Mozilla Developer Network)

15. Service Workers (Mozilla Developer Network)

16. What we need from the Web, and what it needs from us

17. What we need from the Web, and what it needs from us

19. Microservices in practice with Seneca.js

20. Microservices in practice with Seneca.js

21. Microservices in practice with Seneca.js

22. Microservices in practice with Seneca.js
seneca.add({ role: 'math', cmd: 'sum' },
function onMatch(msg, respond) {
var sum = msg.left + msg.right
respond(null, { answer: sum })
}
)
seneca.act({ role: 'math', cmd: 'sum', left: 1, right: 2 },
function onResponse(err, result) {
if (err) return console.error(err)
console.log(result) !
}!
)

23. Microservices in practice with Seneca.js

24. Microservices in practice with Seneca.js

27. Blazing fast CSS3 Transitions

28. Blazing fast CSS3 Transitions

30. Blazing fast CSS3 Transitions
transform: translate3d(5px,5px,5px);

31. Blazing fast CSS3 Transitions
will-change: transform,opacity;

32. Blazing fast CSS3 Transitions

36. Forgotten funky functions

37. Forgotten funky functions
var stateful = function(f) {
var state = {};
return function() {
var slice = Array.prototype.slice;
var args = slice
.call(arguments, 0);
return f.apply(this, [state].concat(args));
};
};

38. Forgotten funky functions
var once = stateful(function(state, f) {
return function() {
if (!state.called) {
state.result = f.apply(this, arguments);
state.called = true;
}
return state.result;
};
});

39. Forgotten funky functions

40. Forgotten funky functions
var renameArgs = function(__uniq
, argNames) {
var parts = [
"(function(",
argNames.join(', ')
") { "
"return __uniq.apply(this, arguments);"
"});"
];
return eval(parts.join(''));
};

41. Forgotten funky functions

42. Forgotten funky functions
Object.create = function(x) {
function F() {}
F.prototype = x;
return new F();
};

44. Reactive programming with Cycle.js

45. Reactive programming with Cycle.js

46. Reactive programming with Cycle.js

47. Reactive programming with Cycle.js

48. Reactive programming with Cycle.js

51. Reactive programming with Cycle.js
function main(driverSources) {
const driverSinks = {
DOM: // transform driverSources.DOM
// through a series of RxJS operators
};
return driverSinks;
}
const drivers = {
DOM: makeDOMDriver('#app')
};
Cycle.run(main, drivers);

52. ph. @mbeccati

54. Shipping one of the largest Microsoft JavaScript applications

57. The evolution of Asynchronous Javascript

58. The evolution of Asynchronous Javascript

60. The evolution of Asynchronous Javascript

62. The evolution of Asynchronous Javascript

63. The evolution of Asynchronous Javascript
function *foo() {
let x = 1;
yield;
return x;
}
function *bar() {
let x = 14;
let y = (yield) * x;
return y;
}

64. The evolution of Asynchronous Javascript
npm install co

65. The evolution of Asynchronous Javascript
async/await

66. The evolution of Asynchronous Javascript
async function getTotal() {
let userInfo = await loadUserInfo();
let cartItems = await loadCartItems();
let total = await calculateTotal(userInfo, cartItems);
return total;
}

68. FFTT: A new concept of build tool.

69. FFTT: A new concept of build tool.

70. FFTT: A new concept of build tool.

71. FFTT: A new concept of build tool.

72. FFTT: A new concept of build tool.

73. FFTT: A new concept of build tool.

74. FFTT: A new concept of build tool.

76. Higher order components in React

77. Higher order components in React
const Wrapped = () => <h1>Wrapped Comp</h1>
const wrapper = (Comp) => () => {
return <div><Comp /></div>
}
const FinalComponent = wrapper(Wrapped)
const App = () => {
return (
<div>
<FinalComponent />
</div>
)
}

78. Higher order components in React

81. See you next year?

82. Notes & Credits