--- title: "The cost of small JS modules, Bootstrapping a React project from scratch" publication: "JavaScript Weekly" issue: 297 published_at: "2016-08-18" canonical_url: "https://javascriptweekly.com/issues/297" --- The cost of small JS modules, Bootstrapping a React project from scratch This week's JavaScript news — [Read this e-mail on the Web](http://javascriptweekly.com/issues/297) JavaScript WeeklyIssue 297 — August 18, 2016[The Cost of Small Modules](https://nolanlawson.com/2016/08/15/the-cost-of-small-modules/)A look at how your choice of modules and bundler can affect load performance, complete with benchmarks comparing browserify, webpack, rollup and closure. Nolan Lawson [Sandboxed JavaScript Code Evaluation](https://blog.risingstack.com/writing-a-javascript-framework-sandboxed-code-evaluation/)Explaining the different ways of evaluating code in the browser and introducing a tiny library that can execute strings of code in a secure, sandboxed environment. RisingStack Engineering [Bootstrapping A React Project from Scratch](https://auth0.com/blog/bootstrapping-a-react-project/)Setting up a new React app properly can be tricky. This walkthrough goes through setting up Webpack, Babel, hot reloading, i18n, and more properly. Ryan Chenkie [![Codiscope Jacks\](https://copm.s3.amazonaws.com/a8a53916.png)](https://jacks.codiscope.com/?utm_source=jsnewsletter297&utm_medium=email&utm_term=developer-driven%20security&utm_campaign=javascript%20weekly)[Leaving behind a trail of Crud Code? Don’t be that dev.](https://jacks.codiscope.com/?utm_source=jsnewsletter297&utm_medium=email&utm_term=developer-driven%20security&utm_campaign=javascript%20weekly)Bad code stinks. Clean up your insecure JS source code with Jacks (supports: Node.js Express, hapi.js, and React). Analyze your GitHub repo to learn how to improve your code and build stronger web applications from the start. Free for devs. Codiscope JacksSponsor [JavaScript Electronics on the Pi Zero](https://www.youtube.com/watch?v=h_VYAjKDTJk)In a fun 50 minute talk, Seb Lee-Delisle demonstrates how to get started with connecting electronic components on the Raspberry Pi and how to work with LEDs, buttons, displays, and motors from JavaScript. Seb Lee-Delisle [Untangling Deeply-Nested Promise Chains](https://philipwalton.com/articles/untangling-deeply-nested-promise-chains/)Be careful not to jump out of the callback hell frying pan and into the deeply-nested promises fire. Here’s a look at how it can happen and how it can be resolved. Philip Walton [Introducing React Native Ubuntu](https://developer.ubuntu.com/en/blog/2016/08/05/introducing-react-native-ubuntu/)It’s now possible to develop native applications for Ubuntu using Web technologies via React Native. Justin McPherson Jobs - [JavaScript Engineer at Instacart (San Francisco)](https://inst.cr/t/yUaqmAo8k?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 on React apps and help us give time back to our customers. Instacart - [JavaScript Software Developer](http://company.trivago.com/jobs/940/?utm_source=javascriptweekly&utm_medium=email)Wanted: JavaScript genius who can apply their analytical work process to our codebase. Experience with webpack, Rollup and Babel? Understand unidirectional data-flow principles? [Apply today.](http://company.trivago.com/jobs/940/) Trivago - [Get 5+ Engineering Job Offers in 1 Week](https://hired.com/?utm_source=newsletters&utm_medium=petercooperpress&utm_campaign=q3-16-javascriptweekly)With Hired, companies apply to hire you - get salary and equity offers before you interview from companies like Facebook, Postmates, & Square Hired.com In Brief [Angular Material 1.1 Released](http://angularjs.blogspot.co.uk/2016/08/angular-material-11-and-2x.html) news Google [NaN and typeof, and Why NaN is Considered a Number Type](https://medium.com/javascript-refined/nan-and-typeof-36cd6e2a4e43) tutorial Kiro Risk [ngMigrate: From ng-controller to Component Classes](http://ngmigrate.telerik.com/from-ng-controller-to-component-classes) tutorial A guide to moving from Angular 1.x style controllers to Angular 2 component classes. Lukas Ruebbelke [10 Need-to-Know RxJS Functions with Examples](https://www.sitepoint.com/rxjs-functions-with-examples/) tutorial Peleke Sengstacke [How to Build A Simple Secured Application with Aurelia 1.0](https://auth0.com/blog/aurelia-1.0-how-to-build-a-simple-secured-application/) tutorial A thorough walkthrough. Ryan Chenkie [New Course: Complete Intro to React (feat. Redux & Router)](https://frontendmasters.com/courses/react-intro/) course Brian Holt (Netflix) introduces you to React plus surrounding ecosystem including: Redux for state management, React Router for navigation and more. Frontend MastersSponsor [Writing A JS Framework: Execution Timing, Beyond SetTimeout](https://blog.risingstack.com/writing-a-javascript-framework-execution-timing-beyond-settimeout/) tutorial Explains about the event loop and the differences between timing techniques using approaches like `setTimeout` and Promises. Bertalan Miklos [How to Create a Redux-Form with Validation and Initialized Values](http://www.davidmeents.com/create-redux-form-validation-initialized-values/) tutorial David Meents [The Marvellously Mysterious JavaScript 'Maybe' Monad](http://jrsinclair.com/articles/2016/marvellously-mysterious-javascript-maybe-monad/) tutorial James Sinclair [A Look at Factory Functions in JavaScript](https://www.sitepoint.com/factory-functions-javascript/) tutorial Dan Prince [A Beginners Guide to Ionic 2 Mobile Applications](http://x-team.com/2016/08/beginners-guide-ionic-2-mobile-applications/) tutorial Nic Raboy [3-Part Responsive Technical Walkthrough to Implement Grid-Based Layouts](http://trydesignlab.com/responsive-web-design/?utm_source=jsweekly&utm_campaign=aug2016&utm_medium=email) tutorial Learn to improve your responsive designs through these simple & powerful grids & learn 6 new layout patterns. DesignlabSponsor [Super MarioScript: Tools and Tips for NES Development](https://www.youtube.com/watch?v=WRSRVdLQ_-k) video Developing build tools for creating homebrew Nintendo games. Useful to few of us but always fun to see projects like this. Fritz van Deventer [Constant Confusion: Why I Still Use JavaScript Function Statements](https://medium.freecodecamp.com/constant-confusion-why-i-still-use-javascript-function-statements-984ece0b72fd) opinion Bill Sourour [Surfingkeys: Expand Your Browser with JavaScript + Keyboard](https://github.com/brookhong/Surfingkeys) tools Write JS to do things in the browser when triggered by the keyboard. Brook Hong [A List of 100+ Emulators Written in JavaScript](https://hackerlists.com/javascript-emulators/) tools Hacker Lists [ShiftJS: A Swift to JavaScript Transpiler](http://www.shiftjs.com/#/home) tools It’s not getting great reviews [on Hacker News](https://news.ycombinator.com/item?id=12288066) though. [webpack-dashboard: A CLI Dashboard for Webpack Dev Server](https://github.com/FormidableLabs/webpack-dashboard) tools Formidable [LogicJS: Logic Programming for JavaScript](https://github.com/mcsoto/LogicJS) code Prolog-style declarative programming functions for JS. mcsoto [DropZone.jsx: HTML5 Drag and Drop React Component](https://gist.github.com/realseanp/cefe1727533619f340bb2aee5e1339af?cache=off) code [10 jQuery Form Validation Plugins](https://www.sitepoint.com/10-jquery-form-validation-plugins/) code SitePoint [Toolgif: A Simple 'Animated GIF Tooltip' jQuery Plugin](https://mburakerman.github.io/toolgif/) code Mehmet Burak Erman [Recharts: A Composable Charting Library using React Components and D3](http://recharts.org/) code Recharts Group [Papa Parse: A Powerful CSV Parser for JavaScript](http://papaparse.com/) code The fastest in-browser CSV parser available, plus it can cope with multi-gigabyte sources. Matt Holt 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/297) © Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK