--- title: "A look at React Native for Web, the state of JavaScript, and a tour of Shadow DOM v1" publication: "JavaScript Weekly" issue: 296 published_at: "2016-08-11" canonical_url: "https://javascriptweekly.com/issues/296" --- A look at React Native for Web, the state of JavaScript, and a tour of Shadow DOM v1 This week's JavaScript news — [Read this e-mail on the Web](http://javascriptweekly.com/issues/296) JavaScript WeeklyIssue 296 — August 11, 2016[A Glimpse Into The Future With React Native For Web](https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/)React went from the Web to native with React Native, but now we have _React Native for Web_ which brings React Native’s predictable components to the Web. A full intro here. Clayton Anderson [The State of JavaScript [video\]](https://www.youtube.com/watch?v=5NIL3Epadj0)At Frontend NE, Jack Franklin gave an hour long talk on the current state of Web development with JavaScript including ‘fatigue’, ES6, ES7, Babel and module support. Jack Franklin [Setting Up Flow When You’ve Already Got Babel in Place](https://medium.com/@thejameskyle/using-flow-with-babel-c04fdca8d14d)Flow is a static type checker for JavaScript that can help you be more productive by providing feedback and warnings in real-time as you code. James Kyle [![Wijmo\](https://copm.s3.amazonaws.com/62a469cd.png)](http://demos.wijmo.com/5/Angular/OlympicTracker/OlympicTracker/?utm_source=JavaScript%20weekly&utm_medium=8.11.primary.newsletter&utm_content=olympicmedaltracker.sample&utm_campaign=wijmo#/standings)[Go for the Gold with the AngularJS Medal Tracker Sample](http://demos.wijmo.com/5/Angular/OlympicTracker/OlympicTracker/?utm_source=JavaScript%20weekly&utm_medium=8.11.primary.newsletter&utm_content=olympicmedaltracker.sample&utm_campaign=wijmo#/standings)New sample using AngularJS as the framework, Wijmo UI controls for data visualizations and Material Design for the user interface and UX. See how you can use these three technologies together to quickly build a full featured application. [Get the sample.](http://demos.wijmo.com/5/Angular/OlympicTracker/OlympicTracker/?utm_source=JavaScript%20weekly&utm_medium=8.11.primary.newsletter&utm_content=olympicmedaltracker.sample&utm_campaign=wijmo#/standings) WijmoSponsor [A Tour of Shadow DOM v1: Self-Contained Web Components](https://developers.google.com/web/fundamentals/primers/shadowdom/)A great intro to Shadow DOM, which provides a framework-free way to create self-contained Web components. Chrome 53 and Safari 10 are shipping with Shadow DOM v1 support. Eric Bidelman [Functional Testing with Nightwatch.js](https://www.sitepoint.com/javascript-functional-testing-nightwatch-js/)Hugo Giraudel demonstrates how to use Nightwatch and how functional testing ensures that an app works as expected from a user perspective. Sitepoint [React Enlightenment: A New, Free Book](https://www.gitbook.com/book/frontendmasters/react-enlightenment/details)A complete cookbook-style introduction to React, written by Cody Lindley. Cody Lindley [Image Upload and Manipulation with React](https://css-tricks.com/image-upload-manipulation-react/)Using react-dropzone, superagent, and Cloudinary, you can get a lot done relating to image uploading, entirely client-side. Damon Bauer Jobs - [Exploring JavaScript in a multicultural organization with clients from all over the world.](http://careers.backbase.com/job/senior-frontend-consultant/?utm_source=javascriptweekly&utm_medium=email)Have you always wanted to work in a multicultural organization with clients from all over the world, and dive into new creative software solutions that create high customer experience within the banking industry? Check us out [here.](https://www.youtube.com/watch?v=pRG2yPLrnRM) Backbase - [Full Stack Engineer at Instacart (San Francisco)](https://inst.cr/t/Vhsx4V?utm_source=javascriptweekly&utm_medium=email)Less than 2% of US grocery spend last year was online. We're going to change that. Come work with us on its fun, challenging problems. Instacart - [Stop wasting time - know what you'll earn before the interview](https://hired.com/?utm_source=newsletters&utm_medium=petercooperpress&utm_campaign=q3-16-javascriptweekly)On Hired, sign up in 10 minutes and get offers from top companies like GitHub, Uber, & Stripe. Engineers get an average of 5 offers on the platform in 1 week Hired.com In Brief [Angular 2 RC5 Released: NgModules, Lazy Loading and AoT compilation](http://angularjs.blogspot.com/2016/08/angular-2-rc5-ngmodules-lazy-loading.html) news [The State of Vue: 2.0 is Now in RC](https://medium.com/@youyuxi/the-state-of-vue-1655e10a340a) news Reflections on the progress of Vue 2.0. Evan You [Advancing the Open Web Through Test262](https://bocoup.com/weblog/advancing-the-open-web-through-test262) news An update on Bocoup’s work with Google to make V8 and other projects more spec compliant. Mike Pennisi [The Comma Operator in JS](http://www.jstips.co/en/comma-operaton-in-js/) tutorial JS Tips [A Guide to Internationalization in React](https://medium.freecodecamp.com/internationalization-in-react-7264738274a0) tutorial Preethi Kasireddy [Function Composition: Building Blocks for Maintainable Code](https://www.sitepoint.com/function-composition-building-blocks-for-maintainable-code/) tutorial SitePoint [Building Animated Stacked Bar Charts with D3.js](https://medium.com/fattura-con-billy/animated-stacked-bar-charts-with-d3-js-2ef928163e59) tutorial Massimiliano Pesente [Learn Ember.js From Scratch: Tuts, Books, and Resources for Beginners](http://whatpixel.com/emberjs-best-learning-resources/) tutorial Jake Rocheleau [Getting Started with Vue.js (1.0.x)](http://www.sitepoint.com/getting-started-with-vue-js/) tutorial Vue is a MVVM library that’s somewhat simpler than Angular. Ashraff Hathibelagal [Consuming A DynamoDB Stream in The Browser](http://blog.yanivkessler.com/2016/08/07/consuming-a-dynamodb-stream-in-the-browser/) tutorial Yaniv Kessler [An Introduction to Parallel Processing in JS with Web Workers](https://advancedweb.hu/2016/08/09/parallel-processing-in-js/) tutorial Tamás Sallai [Angular 2 by Example](https://medium.com/baqend-blog/angular-2-by-example-e85a09fa6480) tutorial Explaining the major concepts of Angular2 using a real app you can play with. Felix Gessert [How to Replace 5 Old ES5 Tricks in Your JavaScript](https://rainsoft.io/make-your-javascript-code-shide-knockout-old-es5-hack/) tutorial Dmitri Pavlutin [Opbeat for AngularJS](https://opbeat.com/?utm_source=javascriptweekly&utm_medium=newsletter) tools Instantly pinpoint performance issues. See how your app spends its time, and who wrote the slow code. OpbeatSponsor [A 30 Minute Introduction to Service Workers](https://www.youtube.com/watch?v=EnaKD_EHG14) video Phil Nash [Should We Load CSS in Our JavaScript?](https://www.reddit.com/r/javascript/comments/4x1frv/should_we_load_css_in_our_javascript/) opinion ‘No’ is by far the most common answer. Reddit [Why Redux Makes Sense to Me and How I Conceptualize It](https://medium.com/@fay_jai/why-redux-makes-sense-to-me-and-how-i-conceptualize-it-c8a3a9db15ca) opinion Willson Mock [Lightning-fast Hosts for Your JavaScript](https://welcome.linode.com/javascript-weekly/?utm_source=cooperpress&utm_medium=sponsored&utm_term=javascript&utm_campaign=javascript-weekly) tools The perfect hosting solution for your javascript project. Use promo code `JAVASCRIPT20` for $20 credit. LinodeSponsor [Typr.js: Process Fonts in JavaScript](https://github.com/photopea/Typr.js) code There’s a [demo page](https://photopea.github.io/Typr.js/) too. Photopea [Baffle: A Tiny Library for Obfuscating and Revealing Text in DOM Elements](https://camwiegert.github.io/baffle/) code Cam Wiegert [DN2A JavaScript: Digital Neural Networks Architecture with JS](https://github.com/dn2a/dn2a-javascript) code A set of decoupled modules for neural network and AI development. DN2A [js-joda: Immutable Date and Time Library for JavaScript](https://github.com/js-joda/js-joda) code Philipp Thuerwaechter and Pattrick Hueper [Mister Poster: A Social App Built with React Native](https://github.com/shoumma/Mister-Poster) code .. plus Redux, Redux Storage, and Firebase. Provash Shoumma 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/296) © Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK