--- title: "This week's JavaScript news, issue 274" publication: "JavaScript Weekly" issue: 274 published_at: "2016-03-11" canonical_url: "https://javascriptweekly.com/issues/274" --- This week's JavaScript news, issue 274 Brendan Eich's Fluent keynote, hot loading in React, and state of the art JavaScript. — [Read this e-mail on the Web](http://javascriptweekly.com/issues/274) JavaScript WeeklyIssue 274 — March 11, 2016[Brendan Eich on JavaScript in 2016: Beyond Harmony](https://www.oreilly.com/ideas/brendan-eich-javascript-fluent-2016) In his keynote from this week’s O’Reilly Fluent conference, Brendan explains why he’s excited about WebAssembly. _Note: Click the X to skip the login wall._ O'Reilly Media [Hot Reloading in React](https://medium.com/@dan_abramov/hot-reloading-in-react-1140438583bf) Dan Abramov, the creator of Redux and React Hot Loader, takes an extensive look at the issues around implementing hot reloading functionality for React components and what he’s working on next. Dan Abramov [State of the Art JavaScript in 2016](https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.fq8gp6sxi) An opinionated tour of what one developer thinks the leading approaches are in a few areas of the JS ecosystem right now. Francois Ward [![Frontend Masters\](https://copm.s3.amazonaws.com/897c48bd.png)](https://frontendmasters.com/workshops/react-intro/?utm_source=javascriptweekly&utm_medium=email)[Upcoming CS React/Redux Workshops with Brian Holt (Netflix)](https://frontendmasters.com/workshops/react-intro/)Two upcoming workshops: A look at the potential for communicating with Bluetooth Low Energy (BLE) devices from the Web browser. It’s a pretty elegant, promise-based API. A well recorded hour long remote talk covering not only some handy ES6 tips, but how to work with ES6 generally and some of the tools available. Interested in the basics of the math behind 3D modelling and rendering? This is a nice JavaScript and Canvas driven tutorial with no WebGL necessary. React is switching to a new versioning scheme, and now’s a great opportunity to try the latest version on your React apps. Frontend MastersSponsor [An Introduction to The Web Bluetooth API](https://dev.opera.com/articles/web-bluetooth-intro/) A look at the potential for communicating with Bluetooth Low Energy (BLE) devices from the Web browser. It’s a pretty elegant, promise-based API. Shwetank Dixit [5 Tips To Improve Your JS with ES6 (video)](https://www.youtube.com/watch?v=edq4dt98Mpg) A well recorded hour long remote talk covering not only some handy ES6 tips, but how to work with ES6 generally and some of the tools available. Derick Bailey [Building a (Very Simple) 3D Engine with JavaScript](http://www.sitepoint.com/building-3d-engine-javascript/) Interested in the basics of the math behind 3D modelling and rendering? This is a nice JavaScript and Canvas driven tutorial with no WebGL necessary. Jérémy Heleine [React v15.0 Release Candidate Released](https://facebook.github.io/react/blog/2016/03/07/react-v15-rc1.html) React is switching to a new versioning scheme, and now’s a great opportunity to try the latest version on your React apps. Facebook [ECMAScript Developer at Livestream](https://boards.greenhouse.io/livestream/jobs/136714)Come join Livestream's video playback team and help us build high-profile clients across a range of platforms. This is an opportunity to develop at the forefront of video technology on the modern web, where technical challenges meet graceful interfaces. LivestreamSponsor [Software Engineer, Knowledge Delivery (London, UK)](https://engineering.alphasights.com/positions/software-engineering-knowledge-delivery-associate)You’ll build the software that powers our core business model and gives smart people great tools to best deliver on their work. You’ll code in Ruby and EmberJS with the opportunity to bring in new languages that fit. AlphaSightsSponsor [Stop Applying to Jobs - Let Companies Apply to You](https://hired.com/?utm_source=newsletters&utm_medium=jsweekly&utm_term=cat-tech-java&utm_content=stopapplyingtojobs&utm_campaign=q1-16&utm_location=us)On Hired, sign up in 10 minutes and get offers from top companies like Facebook, Uber, Stripe. Engineers get an average of 5 offers on the platform in 1 week. Try it today. Hired.comSponsor [JavaScript Founder Brendan Eich: WebAssembly Is A Game-Changer](http://www.infoworld.com/article/3042705/web-development/javascript-founder-brendan-eich-webassembly-is-a-game-changer.html) InfoWorld [JSConf Uruguay 2016 - Montevideo, April 15th-16th](https://jsconf.uy/?discount=weeklyjs) There’s a discount for the first 40 JavaScript Weekly readers to use it. JSConf Uruguay [JS Kongress 2016: A JavaScript Conference in Germany (28-29 November)](https://www.youtube.com/watch?v=gOro0YTSs1w) [Crash Course to Angular](https://www.outlearn.com/learn/vkarpov15/angular-crash-course)Jump right in and build your first Angular web app today. OutlearnSponsor [Building a UI Around an Ember Data App](http://emberigniter.com/building-user-interface-around-ember-data-app/) Ember Igniter [Make Right Click on a Logo Show Logo Download Options](https://css-tricks.com/right-click-logo-show-logo-download-options/) A clever and helpful UX trick. Chris Coyier [How to Build a Video Player Component in React](http://www.sitepoint.com/quick-tip-video-player-component-react/) Bruno Mota [Authentication in Angular 2](https://medium.com/@blacksonic86/authentication-in-angular-2-958052c64492) Soós Gábor [Building PhoneGap Applications with Ember: Lessons Learned](http://phonegap.com/blog/2016/03/04/pgdayus2016-phonegap-apps-with-ember/) PhoneGap Blog [Angular is a Design Pattern](http://blog.ionic.io/angular-is-a-design-pattern/) Ionic [Why a JavaScript Engine for an IoT Platform?](https://blog.cesanta.com/why-a-javascript-engine-presentation) Includes a presentation at the bottom. Marko Mikulicic [ng-inspector: The AngularJS Inspector Pane for Your Browser](http://ng-inspector.org/) Bruno Daniel [Responsive Images in 30 Minutes or Less](https://www.imgix.com/?utm_source=javascript-weekly&utm_medium=email&utm_campaign=2016-03-11-javascript-weekly)Imgix is a real-time image processing service and CDN. Implement lightboxes and zoom viewers without having to create multiple copies of the image and deliver them at high quality and speed to every device or browser. ImgixSponsor [14 jQuery Modal Dialog Boxes](http://www.sitepoint.com/14-jquery-modal-dialog-boxes/) Quick summaries and screenshots of each. Matt Burnett [20 Useful jQuery Sliders](http://code.tutsplus.com/tutorials/20-useful-jquery-sliders--cms-25960) Again, with summaries and screenshots. Tuts+ [Enclave: A Simpler Way to Compile React Applications](https://github.com/eanplatter/enclave) For anyone who doesn’t want to go through the hassle of setting up a React project but wants the flexibility starter kits can’t provide. Ean Platter [Babylon: A JavaScript Parser From The Folks Behind Babel](https://github.com/babel/babylon) Heavily based on acorn and acorn-jsx, it supports ES6 and JSX by default. Babel [React-Summary: Builds Summaries for Inline Collections](https://github.com/Adphorus/react-summary) (e.g. ‘and 2 more’) Adphorus [React Compose: Simpler Stateless Components](http://reactcompose.com/)React components can become bloated with repeated logic. This provides you with a set of tools to avoid that. Domas Bitvinskas [react-key-handler: A React Component to Handle Keyboard Events](https://github.com/ayrton/react-key-handler) Ayrton De Craene [InversifyJS 2.0: A Powerful IoC Container for JS Apps Powered by TypeScript](http://blog.wolksoftware.com/introducing-inversify-2) Wolk Software Limited [dynamicColorPage: jQuery Plugin to Easily Adapt A Page's Color Palette](https://github.com/ulrobin/dynamicColorPage) ulobin [freezeframe.js: Pause Animated GIFs and Animate on Events](https://github.com/ctrl-freaks/freezeframe.js) [react-mt-svg-lines: Animate SVG Lines](https://github.com/moarwick/react-mt-svg-lines) Peter Morawiec Jobs - [ECMAScript Developer at Livestream](https://boards.greenhouse.io/livestream/jobs/136714?utm_source=javascriptweekly&utm_medium=email)Come join Livestream's video playback team and help us build high-profile clients across a range of platforms. This is an opportunity to develop at the forefront of video technology on the modern web, where technical challenges meet graceful interfaces. Livestream - [Software Engineer, Knowledge Delivery (London, UK)](https://engineering.alphasights.com/positions/software-engineering-knowledge-delivery-associate?utm_source=javascriptweekly&utm_medium=email)You’ll build the software that powers our core business model and gives smart people great tools to best deliver on their work. You’ll code in Ruby and EmberJS with the opportunity to bring in new languages that fit. AlphaSights - [Stop Applying to Jobs - Let Companies Apply to You](https://hired.com/?utm_source=newsletters&utm_medium=jsweekly&utm_term=cat-tech-java&utm_content=stopapplyingtojobs&utm_campaign=q1-16&utm_location=us)On Hired, sign up in 10 minutes and get offers from top companies like Facebook, Uber, Stripe. Engineers get an average of 5 offers on the platform in 1 week. Try it today. Hired.com In Brief [JavaScript Founder Brendan Eich: WebAssembly Is A Game-Changer](http://www.infoworld.com/article/3042705/web-development/javascript-founder-brendan-eich-webassembly-is-a-game-changer.html) news InfoWorld [JSConf Uruguay 2016 - Montevideo, April 15th-16th](https://jsconf.uy/?discount=weeklyjs) news There’s a discount for the first 40 JavaScript Weekly readers to use it. JSConf Uruguay [JS Kongress 2016: A JavaScript Conference in Germany (28-29 November)](https://www.youtube.com/watch?v=gOro0YTSs1w) news [Crash Course to Angular](https://www.outlearn.com/learn/vkarpov15/angular-crash-course) course Jump right in and build your first Angular web app today. OutlearnSponsor [Building a UI Around an Ember Data App](http://emberigniter.com/building-user-interface-around-ember-data-app/) tutorial Ember Igniter [Make Right Click on a Logo Show Logo Download Options](https://css-tricks.com/right-click-logo-show-logo-download-options/) tutorial A clever and helpful UX trick. Chris Coyier [How to Build a Video Player Component in React](http://www.sitepoint.com/quick-tip-video-player-component-react/) tutorial Bruno Mota [Authentication in Angular 2](https://medium.com/@blacksonic86/authentication-in-angular-2-958052c64492) tutorial Soós Gábor [Building PhoneGap Applications with Ember: Lessons Learned](http://phonegap.com/blog/2016/03/04/pgdayus2016-phonegap-apps-with-ember/) video PhoneGap Blog [Angular is a Design Pattern](http://blog.ionic.io/angular-is-a-design-pattern/) opinion Ionic [Why a JavaScript Engine for an IoT Platform?](https://blog.cesanta.com/why-a-javascript-engine-presentation) opinion Includes a presentation at the bottom. Marko Mikulicic [ng-inspector: The AngularJS Inspector Pane for Your Browser](http://ng-inspector.org/) Bruno Daniel [Responsive Images in 30 Minutes or Less](https://www.imgix.com/?utm_source=javascript-weekly&utm_medium=email&utm_campaign=2016-03-11-javascript-weekly) tools Imgix is a real-time image processing service and CDN. Implement lightboxes and zoom viewers without having to create multiple copies of the image and deliver them at high quality and speed to every device or browser. ImgixSponsor [14 jQuery Modal Dialog Boxes](http://www.sitepoint.com/14-jquery-modal-dialog-boxes/) tools Quick summaries and screenshots of each. Matt Burnett [20 Useful jQuery Sliders](http://code.tutsplus.com/tutorials/20-useful-jquery-sliders--cms-25960) tools Again, with summaries and screenshots. Tuts+ [Enclave: A Simpler Way to Compile React Applications](https://github.com/eanplatter/enclave) tools For anyone who doesn’t want to go through the hassle of setting up a React project but wants the flexibility starter kits can’t provide. Ean Platter [Babylon: A JavaScript Parser From The Folks Behind Babel](https://github.com/babel/babylon) code Heavily based on acorn and acorn-jsx, it supports ES6 and JSX by default. Babel [React-Summary: Builds Summaries for Inline Collections](https://github.com/Adphorus/react-summary) code (e.g. ‘and 2 more’) Adphorus [React Compose: Simpler Stateless Components](http://reactcompose.com/) code React components can become bloated with repeated logic. This provides you with a set of tools to avoid that. Domas Bitvinskas [react-key-handler: A React Component to Handle Keyboard Events](https://github.com/ayrton/react-key-handler) code Ayrton De Craene [InversifyJS 2.0: A Powerful IoC Container for JS Apps Powered by TypeScript](http://blog.wolksoftware.com/introducing-inversify-2) code Wolk Software Limited [dynamicColorPage: jQuery Plugin to Easily Adapt A Page's Color Palette](https://github.com/ulrobin/dynamicColorPage) code ulobin [freezeframe.js: Pause Animated GIFs and Animate on Events](https://github.com/ctrl-freaks/freezeframe.js) code [react-mt-svg-lines: Animate SVG Lines](https://github.com/moarwick/react-mt-svg-lines) code Peter Morawiec Curated by [Peter Cooper](http://twitter.com/peterc) and published by [Cooperpress](https://cooperpress.com/). Like this? You may also enjoy: [FrontEnd Focus](http://frontendfocus.co/) : [Node Weekly](http://nodeweekly.com/) : [React Status](http://react.statuscode.com/) [Stop getting JavaScript Weekly](*|UNSUB|*) : [Change email address](*|UPDATE_PROFILE|*) : [Read this issue on the Web](http://javascriptweekly.com/issues/274) © Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK