2015 Fluent Conference Recap

A talk I gave April 30th, 2015 to the Santa Barbara JavaScript Meetup, based on my experience at Fluent and the sessions I attended. There were so many more that I couldn't attend.

Transcript

1. ty April 20-22, 2015 - San Francisco, CA https://www.flickr.com/photos/oreillyconf/16606113534/in/set-72157652070881532
2. Who am I? Tim Doherty @TimCDoherty Software Architect and JavaScript Evangelist at Agilysys www.timdoherty.net
3. What You Need to Know in 2015
4. Henrik Joreteg, 4/22 The Evolution of the “Web App”
5. ES6, ES6, ES6!!!
6. ECMAScript 6 (2015) §  Next version of JavaScript, officially ECMAScript 2015 §  Prevailing theme, almost every speaker referenced §  Spec is frozen §  Formal publication in June 2015 §  Features continually appearing in browsers §  Fluent 2015 takeaway: use a transpiler, and write ES6 today!
7. React is the Shiny New Toy
8. React §  View rendering library from Facebook §  JSX – markup in your JS §  One-way reactive data flow §  Virtual DOM §  React + ES6 – Babelify §  There are good ideas here, whether or not you use React
9. “Fronty-Backy JS” David Wells, 4/21 Serverside Isomorphic JavaScript With ReactJS and Node
10. Isomorphic JavaScript §  OH at Fluent: “If you’re not using Node and isomorphic JS you’re shooting yourself in the foot!” §  Same code runs on both client & server §  Faster initial page load, perceived performance §  Build-layer transform for client (Browserify, WebPack) §  Server-side rendering, progressive enhancement on client
11. Grandma’s on Node
12. Node §  PayPal keynote on Node helping them ship features faster §  Splunk session on adopting Node where it shines §  Enterprise node adopters growing fast §  Isomorphic JS §  Node dev / build tools, npm for client-side packages §  Everyone and their grandma is using node at this point!
13. Npm Has Won the Wars
14. NPM §  npm has won the package manager wars §  Bower has fallen out of favor §  Browserify/WebPack/JSPM for npm modules in the browser §  If your package is Bower-only, you’re cutting off most users §  Use as a build / test tool with package.json “scripts”
15. “The Web is NOT a Platform” ~ Eric Meyer, 4/22 at Fluent: The Web Platform
16. Progressive Enhancement §  Hot ongoing debate – should the web work without JS? §  The web is HTTP, HTML, and a browser* §  Pivot back from render all things on the client, all the time §  Always account for slow / intermittent networks §  Use Isomorphic JS §  Compromise - content: yes, apps: no *The browser is arguably itself a platform, with JavaScript / CSS engines and robust APIs
17. Webamajiggers
18. Web Components §  Moving closer to full implementation in evergreen browsers §  Chrome and Opera have best support today §  Polyfill: webcomponent.js §  Libraries: polymer, x-tag, bosonic §  MediaMath session – web components ready for enterprise §  GitHub – custom elements
19. How Fast is Fast?
20. Performance §  Google RAIL guidelines (Paul Irish keynote) §  Set a performance budget §  Browser auditing tools are getting even better §  Measure and optimize the right things – critical path §  Perceived vs. actual performance §  Performance testing tools: grunt-devperf
21. Other Cool Stuff §  Browser Cryptography API §  CSS Grid Layout §  WebRTC §  “SkyNet” Demo from IBM
22. Resources 2015 Fluent Conference Speaker Slides (not all slides are published) 2015 Fluent Conference Keynote Videos Using ECMAScript 6 Today ES6 Compatibility Table ReactJS Isomorphic JS Everyone and Their Grandma Who's Using Node in Production Web Components Some slide Decks from sessions I attended, that aren’t posted to the Fluent site: Automate Your Site’s Front-End Performance Building Release Pipelines for the Open Web Serverside Isomorphic JavaScript with ReactJS and Node JavaScript Forensics Open Platforms for Federated Futures Designing for the Future: Architecting Code and Systems with Long-Term Growth and Development in Mind
23. Thanks! @TimCDoherty www.timdoherty.net