Quantcast
Channel: JavaScript Weekly
Viewing all 451 articles
Browse latest View live

This week's JavaScript news, issue 325

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 325 — March 9, 2017
A thorough summary of a new academic paper that looks at the analysis of JavaScript used across 133,000 different sites. Tim Kadlec of Snyk also shared some insights on its findings.
Adrian Colyer

For example, specify what browsers and versions you want to support, and it’ll warn you if your code uses unsupported features.
Amila Welihinda

Uses a library of trigrams that are most popular in up to 375 languages, Franc works in both Node and the browser to detect natural languages used in a text. Demo here.
Titus Wormer

Rollbar
Let's explore JavaScript source maps together, starting with the basics. What are they? How to enable them? Why aren't they working? Learn more.
Rollbar   Sponsor

Now considered feature complete, Polymer 2.0 is ready to test and try. A key focus has been on improved interoperability with other libraries and frameworks.
Dan Freedman

Kyle Simpson introduces FPO, a JavaScript library for functional programming that supports named-argument style methods.
Kyle Simpson

No, the title isn’t missing an apostrophe - Mike’s favorite test in Test262, the official test suite for ECMAScript, is reallylet twice. Intrigued?
Mike Pennisi

A very technical and thorough look at how V8 has made ‘for in’ faster than ever.
Camillo Bruni

In just 7 minutes, Alon Zakai, originally the creator of the Emscripten LLVM-to-JavaScript compiler, explains what WebAssembly is all about.
YouTube

Dr. Axel tackles promises in a very quick, straightforward way.
Dr. Axel Rauschmayer

Jobs Supported by Hired.com

  • Node.js Developer at X-Team (Remote)We're looking for a developer with an extensive knowledge of Node.js and Javascript. We are 100% remote and we provide the funding needed to help you achieve your goals and grow. X-Team
  • Sr. JavaScript / Ruby DeveloperSticker Mule is looking for passionate engineers to join our remote team. Come help us build the best e-commerce experience using Ruby, Rails, React, Node, Docker and more. Sticker Mule
  • Senior Front-End Developer at Catawiki (Amsterdam or Assen)Our mission is to make special items available to everyone. We offer a unique opportunity to join our team and improve the experience for millions of our users with an iterative, small-step approach through A/B testing. Catawiki

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

Marko 4.0 Released: eBay's Component Based UI Library news
Michael Rawlings

Testing Routes in Angular 2 tutorial
Matt Fehskens

10 Practical Use Cases for ES6 Proxies tutorial
Csaba Hellinger

Refactoring Legacy JavaScript Code to Use Classes: The Good, Bad and Ugly 
An academic paper.
Silva, Valente, Bergel

Workshop: Brian Lonsdorf's Practically Functional Programming course
Master monoids, monads and other algebraic abstractions to produce highly composable, safer, and simpler code.
Forward Courses  Sponsor

An 11 Minute Introduction to Angular CLI video
YouTube

Previewing Mozilla's WebAssembly Explorer video
A look at a new tool to help developers understand and experiment with WebAssembly.
Mozilla

Ace JavaScript Interviews: Scoping And Hoisting video
Fox Reymann

Pinterest's Utilities for Creating and Testing Service Workers tools
Pinterest

A Jest Cheat Sheet tools
Artem Sapegin

Awesome Grid: A Curated List of Grid/Table Libraries tools

Depercolator: Tool for Converting CoffeeScript to Idiomatic JS and JSX tools
Bugsnag

React InstantSearch⚡ Lightning fast search for web and native apps tools
Algolia provides UI widgets and connectors (HOC) so you can build instant search in a few lines of code.
Algolia  Sponsor

blurify.js: Image Blurring from JavaScript code

react2angular: Embed React Components in Angular 1 Apps code
Coatue

Angular Gauge: Customizable Gauge Directive for Angular Apps code
Ashish Chopra

Element: A Vue 2.0 Based Component Library/UI Toolkit code

HyperApp: 1KB JavaScript Library for Building Modern UI Applications code
Jorge Bucaran

webpack-blocks: Configure Webpack using Functional Feature Blocks code
Andy Wermke

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK


This week's JavaScript news, issue 326

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 326 — March 16, 2017

Please note JavaScript Weekly will be moving to a new 'From' address soon - it will be js@cooperpress.com in case you have any filters or whitelists to update :-) Thanks!

Want to do a quick experiment in isolation? Quokka.js is a rapid prototyping tool that works within VS Code (but with more editors coming soon).
Artem Govorov

Filmed at The Rolling Scopes conference in Belarus, Axel gives a very thorough tour of the ECMAScript proposals process and forthcoming features.
Dr. Axel Rauschmayer

A series of posts digging into the inner workings of Preact, a 3KB React alternative with the same API. (Part 2 covers the component model.)
Adam Solove

Frontend Masters
Much more than an intro, build an entire real-world web application in layers with Brian Holt (Netflix) using React and library ecosystem like Router v4, Redux and Jest.
Frontend Masters   Sponsor

RxJS is a library for composing asynchronous, event-based code around observing and handling changing values over time.
David Khourshid

Jurgen van de Moere takes an existing Angular 2+ app and refactors it into a more modular component architecture.
Sitepoint

There’s an ECMAScript proposal for Observables ready to progress to stage 2. Nicolás Bevacqua looks at what it could bring to JavaScript.
Nicolás Bevacqua

Supports animations, themes, and interactive widgets, and makes it easy to reuse slides and styles across presentations. Live demo.
Zulko

Jobs Supported by Hired.com

  • Senior Front-End Developer at Catawiki (Amsterdam or Assen)Our mission is to make special items available to everyone. We offer a unique opportunity to join our team and improve the experience for millions of our users with an iterative, small-step approach through A/B testing. Catawiki
  • Software Engineer, Web - Zürich, SwitzerlandCentralway is seeking an experienced programmer to come and join the team. The right candidate will be responsible for building and maintaining high performance web applications with cutting-edge technologies. Centralway Numbrs
  • Front End Engineer at VSCO (Oakland, CA)We're looking for a Front-End Engineer who can face unique challenges in implementing web designs and craft great accessibility for users. VSCO

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

How setTimeout() Behavior Has Changed in Firefox news
Changes to how callbacks are scheduled are making things smoother.
Ben Kelly

testdouble.js 2.0 Released: A Great Mocking Library for JS news

Pro Ember.js: An advanced 2-day training event in Berlin course
We'll tackle progressive web apps, modular architecture patterns, performance tuning, authentication and more.
simplabs  Sponsor

Why WebAssembly is Faster Than asm.js tutorial
Alon Zakai

Communicating Sequential Processes: An Alternative to Async Generators tutorial
Dr. Axel Rauschmayer

How to Create an Angular App and Add Styling with Kendo UI tutorial
Tara Manicsic

End-to-End Testing Vue.js Apps with TestCafe tutorial
Aligator

Randomizing SVG Shapes with JavaScript tutorial
Chris Coyier

Writing a JavaScript Framework: The Benefits of Custom Elements tutorial
Bertalan Miklos

How to Build A Live Comment Feature using JavaScript and Pusher tutorial
Rahat Khanna

Master Fullstack Development (50% off for JS Weekly readers) course
Learn how to build full stack apps with React, Angular, Node, Django and Rails with Thinkster. Use the JS Weekly coupon before Sunday for 50% off.
Thinkster  Sponsor

console-importer: Import JS and CSS Resources from Chrome's Console tools
e.g. $i('jquery') will bring jQuery into play.
pd4d10

Top 5 jQuery UI Alternatives tools
Simon Codrington

React Router v4: Declarative Routing for React.js code
Don’t forget we have a React newsletter too :)

Fetch Inject: Dynamically Inline Assets Into The DOM using Fetch Injection code
Here’s an introduction and explanation.
Josh Habdas

ngx-datatable: A Full-Featured Data-Table Angular Component code
No external dependencies. Demos here.
Swimlane

neurojs: A Deep Learning and Reinforcement Learning Library code
Jan Hünermann

RxDB: A Reactive Client-Side Offline-First JavaScript Database code
Daniel M

Planck.js: A Pure JS Rewrite of Box2D's Physics Engine code
For cross-platform HTML5 game development. Demos.
Ali Shakiba

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

This week's JavaScript news, issue 327

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 327 — March 23, 2017
Building desktop apps using Web technologies has never been easier. This tutorial compares NW.js and Electron and digs into the key concepts and issues.
Adam Lynch

A simple guide to building a command like tool from scratch. Like this? We have a Node newsletter as well.
Smashing Magazine

The first in a series of quarterly events where representatives of 6 popular frameworks/libraries give an update on how they’re progressing.
This Dot

Progress
Kendo UI delivers everything you need to build modern web applications under tight deadlines - from the must-haves Data Grids & DropDowns to Spreadsheet & Scheduler. Choose from 70+ UI components and combine them to create beautiful, responsive apps.
Progress   Sponsor

jQuery 3.2.0 was released quickly followed by 3.2.1. One new feature is support for custom CSS properties, demonstrated here.
jQuery Foundation

A compiler for typed JavaScript, using OCaml as the target runtime and leaning on an OCaml implementation of JavaScript’s builtins.
Facebook Experimental

nginScript is a unique JavaScript implementation for the NGINX Web server that lets you more easily play with dynamic load-balancing, logging, request parsing, etc.
NGINX

Todd Motto runs through some of the considerations you should review when planning to build an application using Angular (aka Angular 2 and above).
Telerik Developer Network

Jobs Supported by Hired.com

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

Ember 2.12 and 2.13 Beta Released news
This release kicks off the 2.13 beta cycle for all sub-projects.

Insights From Stack Overflow’s Survey of 64,000 Developers news
Full stack JavaScript seems to be leading the way.
Quincy Larson

Cross-Origin Resource Sharing — A Simple Guided Tour tutorial
Martin Splitt

Magical JavaScript Tips Every Developer Should Remember tutorial
Tarun Gupta

React is Slow, React is Fast: Optimizing React Apps in Practice tutorial
François Zaninotto

An Overview of an ES Proposal for Arbitrary Precision Integers tutorial
Dr. Axel Rauschmayer

Creating a Book Cover Using JavaScript and p5.js tutorial
Engin Arslan

Encoding Text as Unicode Clock Faces tutorial
A slightly out-of-left-field piece from Axel :-)
Dr. Axel Rauschmayer

You Know How to Code, but How Are Your Design Skills? course
Learn UI & UX design through part-time, online courses with 1-on-1 mentorship from expert designers.
Designlab  Sponsor

React Conf 2017: The Full Recorded Stream video
Day 2 here.
YouTube

ASTs for Beginners video
An hour long JavaScript-oriented intro to abstract syntax tree concepts.
Kent C Dodds

react-sourcerer: A Linting Framework Built in React video
Merrick Christensen

Master Fullstack Development course
Learn how to build full stack apps with React, Angular, Node, Django and Rails with Thinkster.
Thinkster  Sponsor

JavaScript vs. Python in 2017 opinion
Michael Bolin

5 Vim Plugins I Can’t Live Without for JavaScript Development tools
Peter Piekarczyk

Chart.js: Simple, Flexible HTML5 Canvas Charts tools
Chart.js

Maybe: A Type That Wraps Optional Values code
Alexander Jarvis

moveTo: A Dependency-Free Scroll Animation JavaScript Library code
Hasan Aydoğdu

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

This week's JavaScript news, issue 328

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 328 — March 30, 2017
Glimmer’s fast components can be used outside of Ember but could also provide an easy way to gradually pick up the framework. There’s a great intro video.
Ember.js Project

A fun journey into the world of fractals, starting from an empty canvas and going through the math and logic involved in rendering a Mandlebrot set of your own.
Jeff Fowler

4.0.0 (‘invisible-makeover’) is here. Backwards compatible with Angular 2 and most apps will port straight over unless they use animations. Also learn why it's 4.0 and not 3.0.
Stephen Fluin

GrapeCity
Find out how Wijmo’s advanced UI components can help you to create an Angular application quickly and efficiently – we take you through step-by-step.
GrapeCity   Sponsor

Some straightforward examples of using ES2016's async/await vs promises. async/await are natively supported in Node 7.6, as well as via Babel.
Mostafa Gaafar

A crash course in DOM manipulation with vanilla JavaScript, using methods like querySelectorAll and addEventListener.
Sebastian Seitz

Iterators can be written using generators which can lead to an interesting use case.
Nicolás Bevacqua

Elegant and well documented, with many examples on the homepage. No dependencies.
Federico Zivolo

Node Weekly

Jobs Supported by Hired.com

  • Software Engineer, Web - RemoteStatement Campus is a fully remote company. The right candidate will be responsible for building and maintaining high performance web applications with cutting-edge technologies. Statement Campus
  • Full-Stack JavaScript Developer (m/f) - Berlin, GermanyLet's help content creators get paid. We're blogfoster: the leading influencer marketing platform in Europe and we would like to hire you. React, Redux, and Node: It's JavaScript all the way down. blogfoster GmbH
  • Software Engineers - The free press needs youDemocracy only works when everyone knows enough to make good decisions. We’re here to make sure that they do, and we need your help. Schibsted

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

A New Proposed Policy on JS Dialogs for Chromium news
“the Chromium team highly recommends that you not use JavaScript dialogs”
Google

Pluralsight Releases 'Getting Started with Ember 2' Course news

77% of Sites Use At Least 1 Vulnerable JS Library news
Snyk

Using Source Maps to Debug Errors tutorial
Let's talk JavaScript Source Maps. What are they? How can you enable source mapping? Why aren't they working?
ROLLBAR  Sponsor

Tuning Angular's Change Detection tutorial
Juri Strumpflohner

Maybe You Should Use 'Maybes' to Wrap Optional Values tutorial
Alexander Jarvis

Creating an Angular 2 Injectable Service tutorial
Compares creating and registering services in Angular 1.x vs 2+.
Todd Motto

Creating Mondrian-Style Grid Paintings with JavaScript tutorial
Max Halford

How to build a ‘who’s typing’ feature in JavaScript tutorial
We'll walk you through how to build a 'who's typing' feature in a chat app using Pusher with JavaScript.
Pusher  Sponsor

Dr. Axel's JavaScript Coding and Style Tips (2014) video
A golden oldie.
Axel Rauschmayer

JavaScript Framework Battle: ‘Hello World’ in Each CLI opinion
A look at how framework command-line interfaces compare to each other.
Shane Osbourne

5 ES8 Features and A Wishlist for ES9 opinion
Dylan Schiemann

Fuel: A Beta/In-Progress React-Compatible Virtual DOM Implementation tools
Taketoshi Aono

Polished: A Lightweight Toolset for Writing Styles in JavaScript tools
Maximilian Stoiber

Choices: Configurable Select Box and Text Input (without jQuery) code
Similar to Select2 and Selectize but without the jQuery dependency.
Joshua Jackson

FSM-as-Promised: A Finite State Machine Library built on ES6 Promises code
Vlad Stirbu

D3-Node: Server-Side D3 for Static Chart/Map Generation code

TypeScript Example Boilerplate Demonstrating a Modern Tool Pipeline code
“TypeScript + Visual Studio Code + Jest + Yarn + TypeDoc = Eternal bliss”
Mark Bauermeister

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

#329: An opinionated comparison of React, Angular and Aurelia

$
0
0
Regexes in a post-ES6 world, and why Glimmer is so fantastic.Read this e-mail on the Web
JavaScript Weekly
Issue 329 — April 7, 2017

We found too many releases were happening on Thursdays so JavaScript Weekly has moved back to Fridays :-) We're also working on a redesign and would love if you could anonymously share your opinions here - all feedback welcomed.
- Peter Cooper, editor

A look at new regex features introduced in ES6 or later, including the y, u and s flags, named capture groups, and look-behind assertions.
Nicolás Bevacqua

A practical, code-led look at how Glimmer provides the benefits of Ember’s fast rendering engine and sturdy tools without having to buy into the whole ecosystem.
Tristan Edwards

Opinion pieces are a dime-a-dozen but this shows some real insight and technical considerations. It also spawned a Hacker News discussion.
Jeff Schnitzer

Frontend Masters
A free, thorough and open source guide anyone could use to learn about the practice of front-end development.
Frontend Masters   Sponsor

Facebook merged a huge pull request into React that replaced its build process with one based on Rollup and not Webpack. But why?
Rich Harris

A fast 3KB React alternative with the same API. 8.0 boasts significant performance improvements, smaller size, and fewer edge cases. 8.0.1 is the latest release.
Jason Miller

A cross-platform app including a simulator and integrated Node server.
Bita Djaghouri, Jin Choi, Mark Marcelo

It's in Chrome Canary only for now, but it shows you which lines were and weren’t used in each JavaScript and CSS file.
LogRocket

Jobs Supported by Hired.com

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

EmberConf 2017: State of the Union news
Now 5 years old, a look at both Ember’s history and future.
Tom Dale, Yehuda Katz, Godfrey Chan

Angular Attack: A 48-Hour Online Angular Hackathon (April 22-23) news
Angular Attack

How 3575 Developers Debug Their Front-End JavaScript 
console.log wins but is less popular than in a similar poll a year ago.
Twitter

Easily Add GIFs to Any Realtime Chat App tutorial
You can’t hide from them. GIFs are everywhere. Easily add Giphy GIFs to your app.
PubNub  Sponsor

Everything You Need to Know About Change Detection in Angular tutorial
Maxim Koretskyi

11 Ways to Invoke a Function tutorial
Think of any more? Leave a comment.
Alexander Myshov

Using Pipes in Angular tutorial
How to use the new pipes functionality that replaces filters from Angular 1.
Burke Holland

How to Deal with Unhandled Promise Rejections tutorialnode
Valeri Karpov

How to Create a (Very Simple) Reddit Client with Angular 4 tutorial
Ashraff Hathibelagal

Build More & Save More with API Mocking 
Sandbox - API Mocking Software  Sponsor

Why You Should Make Desktop Apps with Electron (in 5 Minutes) video
Matt Andrews

Brendan Eich Talks WebAssembly podcast
Brendan Eich on his involvement with the WebAssembly specification. 1h24m.
Software Engineering Daily

JavaScript Frameworks: A Futile Attempt At Objectivity opinion
A personal view of the current state of JavaScript frameworks.
Matt Burgess

eslint-plugin-security: ESLint Rules for Node Security toolsnode
Helps to identify potential security hotspots.
The Node Security Platform

Adaptive Live and VoD 360 Streaming in HTML5 on Desktop and Mobile tools
Stream your VR and 360 video with Netflix quality to all major devices using adaptive streaming (DASH and HLS).
Bitmovin  Sponsor

Tippy.js: A Fancier but Pure JS Tooltip Library code
Extends Popper.js (featured last week) with theming, effects, & support for complex popovers.
atomiks

Embedo: A Modern Social Media Embed Plugin code
For Facebook, Twitter, Instagram, YouTube and Pinterest content.
Shobhit Sharma

SweetAlert2: An Accessible (WAI-ARIA) Replacement for JS Alerts code

BitArray.js: A Memory Efficient Implementation of Bit Flag Arrays code
Packs booleans into Uint32Arrays for efficiency.
Brock Whittaker

Glamorous: React Component Styling Solved code
PayPal

UTIF.js: A Small and Fast TIFF Decoder in Pure JS code
TIFF is an arcane yet still encountered image format.
Photopea

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

#330: Prettier 1.0, What is GraphQL, and Crockford's Post JavaScript Apocalypse

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 330 — April 14, 2017
A fantastic round-up of concepts, tools, and things to consider when doing one of a developer’s most important tasks: debugging.
Sarah Drasner

Just 3 months old, Prettier is already heavily used in the industry for standardizing code style/formatting. With 1.0, the creators are putting their ‘safe for production’ stamp on it.
Christopher Chedeau

If GraphQL is yet another buzzword flying past, this is a great introduction to what the declarative data querying approach could be doing for you.
Sacha Greif

Lob.com
Lob provides an API that enables developers to send postcards, letters, checks, and more as effortlessly as sending emails. Lob is based in San Francisco, CA and is venture backed with over 6000 customers including Amazon, Square, and Counsyl.
Lob.com   Sponsor

Slack recently ported their desktop app over to using TypeScript, here Felix Rieseberg reflects on the experience. Also this week, Ember’s Tom Dale explained why Glimmer uses TypeScript, with examples.
Slack

Doug Crockford (author of JavaScript: The Good Parts) has been speculating on what should come after JavaScript while sharing his love and distaste for various languages over the years. (46 minutes)
Douglas Crockford

PhantomJS is a popular, scriptable headless Webkit implementation often used for testing. Its maintainer sees Chrome’s headless mode as the eventually preferred approach.
Vitaly Slobodin

Learn to build data-driven apps with Vue 2. Olayinka Omole creates a simple client to pull news stories from the New York Times API with the Axios library.
Sitepoint

A release that helps pave the way for React 16. See today’s React Status for more.
Andrew Clark

Jobs Supported by Hired.com

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

V8 Project Retiring the 'Octane' Benchmark Suite news
Seth Thompson

Last tickets for JSDayES! The JavaScript event in Madrid, May 12-13th news
JSDayES  Sponsor

VueConf 2017, A Vue.js Conference in Wrocław, Poland (Jun 21–23) news
Vue.js Conference

V8: Behind the Scenes (March Edition) news
Ignition and TurboFan are now enabled by default.
Benedikt Meurer

TypeScript 2.3 RC: New 'Strict' Typing Option, Async Generators/Iterators news
Microsoft

A Vue.js Intro For People Who Know Just Enough jQuery To Get By tutorial
Matt Rothenberg

Handling Multiple Checkboxes in Angular Forms tutorial
Netanel Basal

Recreating a Pong Game with SVG.js tutorial
Ulrich-Matthias Schäfer

How TC39's Incremental Approach Improves The Standards Process tutorial
Dylan Schiemann

Introducing Live Code Comments: better than breakpoints & console.log 
A feature to quickly inspect any expression value, even in the middle of a chain of function calls.
Wallaby.js  Sponsor

Why Immutability Can Be Beneficial in JavaScript video
ReactCasts

The Future of Ember.js in 3 Minutes (with a Besuited Tom Dale) video
LinkedIn

Backslide: CLI Tool for Making HTML Presentations with Reveal.js toolsnode
Yohan Lasorsa

How to find and fix the slowest code in your .NET application tools
Find bottlenecks in your code or database & boost performance with ANTS Performance Profiler. Try it free now.
Red Gate  Sponsor

webDSP: High Perf, Client-Side DSP Library using WebAssembly code
Live video effects demo here.
Pulusani, Khalkhali, and Wagner

awaiting: Functions to Make async/await Even More Useful code
Delays, throttled maps, callback/event/successes awaiting.
Hunter Loftis

UPNG.js: A Small and Fast PNG Decoder code
Photopea

VMS: A Vue.js 2.0-Based Content Management System code
Eric JJ

Barba.js: Smooth Visual Transitions Between Pages with pushState code
Luigi De Rosa

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

#331: Arrow functions, popular JS patterns, and React VR

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 331 — April 21, 2017
Eric felt some pushback against the use of ES6’s arrow functions recently. Here he explains how they’re useful and why you should become very comfortable with them.
Eric Elliott

A 50 minute roundup of common, JavaScript-specific techniques like using modules, webpack, ES6 syntax, classes, async/await and more.
Scott Allen

React VR lets anyone with an understanding of JavaScript rapidly build and deploy VR experiences using standard web tools. GitHub repo.
Facebook

Bitmovin
An easy to integrate and versatile HTML5 based MPEG-DASH and HLS player for desktop, mobile, VR Headsets, Chromecast, AirPlay, AppleTV and SmartTVs. Including a WebGL based VR and 360 video component and a completely customizable HTML5/CSS UI.
Bitmovin   Sponsor

An open source project to bring better validation to Angular’s reactive forms. Here’s a look at how to use it, why Todd created it and the problems it aims to solve.
Todd Motto

Should you pick Angular or React? Pavels Jelisjevs looks in detail at what both frameworks have to offer, and gives some practical advice on how to choose.
Sitepoint

The basics of turning an expression like 89sin(60) + 4.4x/9 into its component parts for further processing.
Shalvah Adebayo

A look at some key new features in Microsoft’s Chakra JavaScript engine.
Limin Zhu

Jobs Supported by Hired.com

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

Nordic.js (Sep 7-8 in Stockholm) Call for Proposals Open news

JSConf Budapest (Sep 14-15) Call for Speakers Open news

Facebook Announces React Fiber, A Rewrite of React's Internals news
TechCrunch

Full-day Workshop: Using ES6 and React with Netflix's Brian Holt course
Forward Courses  Sponsor

You Need ES2017's Async Functions. Here's Why tutorial
Derick Bailey

A Look At Async Iterators and Generators tutorial
Jake Archibald

A JS Testing Tool Showdown: Sinon.js vs testdouble.js tutorial
SitePoint

How Method Binding Is An Implicit Part Of Your API Contract tutorial
Ben Nadel

Using ReactJS, ES6 & JSX to Build a UI (the rise of MERN) tutorial
Part 5 of our Modern Application Stack series - Why ReactJS is driving the development of modern applications.
MONGODB  Sponsor

CodeSandbox: An Online React Playground/Editor tools
See our React newsletter for more like this.
Ives van Hoorne

Tinytime ⏰: A Simple strftime-esque Time and Date Formatter code
Brandon Dail

lodash-form-collector: A Form Collector Package Powered by Lodash code

Chroma.js: Library for Color Conversions and Color Scale Generation code
Gregor Aisch

HR.js: A Tiny Library for Highlighting and Replacing Text in the DOM code
Mehmet Burak Erman

D3-Annotation: Easily Add Annotations to D3 Visualizations code
Susie Lu

Polished: A Toolset for Writing Styles in JS code
.. complete with Sass-style helper functions and mixins.
Glen Maddern and Maximilian Stoiber

Simple Slider: A 1KB JavaScript Carousel code
An extremely lightweight carousel micro library. Demo on homepage.
Ruy Adorno

React InstantSearch ⚡ Lightning Fast Search for Web and Native Apps tools
Build instant search for your app in a few lines of code. UI widgets give you a great search out of the box.
Algolia  Sponsor

vee-validate: A Simple Vue.js Input Validation Plugin code
Abdelrahman Awad

Pandemonium: 10 Randomness-Related Functions code
Things like weighted choices, sampling, and shuffling.
Guillaume Plique

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

#332: TypeScript 2.3, build your own Redux, and V8 5.9

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 332 — April 28, 2017
Redux is a popular library for managing state within JS apps, often used with React. This very thorough walkthrough covers how you’d build something similar.
Justin Deal

The JS superset includes a new comment-based type checking option, as well as support for async generators and iterators.
Microsoft

A frequently updated table of the proposals for future JS features along with their progress.
TC39

Bugsnag
Efficiently identify & resolve JavaScript errors affecting your users. Get alerted in real-time alongside detailed diagnostics, including stacktraces, plus support for sourcemaps. For a limited time, get a free t-shirt when you sign up & try Bugsnag.
Bugsnag   Sponsor

The first version with the new Ignition+Turbofan engines enabled by default, resulting in lower memory usage and faster speedup times. Will be used by Chrome 59 and Node 8.x.
Michael Hablich

A talk by Chris Heilmann of the Edge team covering the perennial topic of ‘fatigue’ over all the choices the JS ecosystem offers.
Chris Heilmann

See how the exact same blog app is built using React or Angular on top of Node, Rails, and Django. Think a more full-stack answer to TodoMVC.
Thinkster

A module that conjugates verbs and inflects nouns and adjectives, tell you what words are plurals or not, and more.
Alex Corvi

The team behind V8 want to know what proposed language features you’d like them to work on next.
Google

Jobs Supported by Hired.com

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

Angular 4.1: A Minor Release with Full TypeScript 2.2/2.3 Support news
Stephen Fluin

Ruby on Rails 5.1 Released, Embraces JavaScript news
The Ruby webapp framework is now a lot more JavaScript friendly.
David Heinemeier Hansson

☁️🥊 Hey Front-End Devs …Master Full Stack with Jem Young course
Become a Full Stack Engineer and gain the confidence to master the command line and server.
Frontend Masters  Sponsor

Seven Tips for Handling 'undefined' tutorial
Dmitri Pavlutin

A Step-by-Step Guide to Building A Simple Chess AI tutorial
Lauri Hartikka

The Power of Custom Directives in Vue tutorial
Sarah Drasner

Build a Web Framework In Less Than 20 Lines Of Code tutorial
Everyday there are more new frameworks to learn, but it doesn't have to be that way!
PubNub  Sponsor

Does Glimmer Mean The Death of Ember? opinion
Robert Jackson

Why Is TypeScript Getting So Popular? opinion
Mary Branscombe

How to Publish Packages on npm, A Video Series video
Focuses on doing it the right way, complete with tests and docs.
Trevor Miller

Callbacks vs Promises vs 'async/await' in a 7 Second Video video
Wassim Chegham on Twitter

Everything Is A Plugin: Mastering Webpack From The Inside Out video
An energetic, in-depth 100 minute talk/workshop.
Sean Larkin

Quokka: A Live JS Scratchpad for JetBrains' IDEs tools
A month ago, this handy tool only worked with VS Code - now it supports JetBrains’ IDEs too :-)
Artem Govorov

Moon: A Minimal 5KB, Blazing Fast Vue-esque User Interface Library tools
Kabir Shah

Try Codeship Basic: simple hosted CI that works out of the box tools
Codeship  Sponsor

p-event: Promisify An Event by Waiting for It to Be Emitted code
Sindre Sorhus

Slate: A Customizable Framework for Building Rich Text Editors code

angular-ssr: An Angular 4+ Server-Side Rendering Solution code
Christopher Bond

SmartPhoto.js: A Responsive Image Viewer, Especially for Mobile code

StrMan 2.0 Released: 66 Handy String Manipulation Functions code
Daniel Leite de Oliveira

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK


#333: A New JS Optimization Tool, Headless Chrome and the 'Elements of JavaScript Style'

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 333 — May 5, 2017
Prepack optimizes JavaScript code by eliminating operations that can be done at compile-time. Imagine gcc with the optimization level turned up. Uses Babel under the hood.
Facebook

‘Headless’ Chrome is basically Chrome running without any UI or visible controls, so is ideal for being remotely controlled from JavaScript for testing or taking screenshots, etc.
Eric Bidelman

Inspired by William Strunk Jr’s “The Elements of Style”, Eric Elliot adapts its principles for improving the written word to guidelines for improving your code.
Eric Elliot

Sencha, Inc.
Learn how to design, develop and test data-intensive web apps that run on desktops, tablets, and smartphones.
Sencha, Inc.   Sponsor

Native module support is now in Safari 10.1, as well as behind config settings in Chrome 60, Firefox 54 & Edge 15. Jake explains what this means for front-end development.
Jake Archibald

Want to run a Node-powered app on a system where Node isn’t installed? pkg makes it easier to distribute your apps by packaging Node and your app all in one. node-compiler is a similar project.
Zeit

Write promise-based code as if it were synchronous but without blocking the main thread. Not new but well worth revisiting, I found.
Jake Archibald

Jobs Supported by Hired.com

  • craigslist seeks JavaScript Developers (San Francisco, CA)Web devs with JavaScript, CSS, and HTML experience wanted to design and ship new features, and see them loved (or hated) by millions. craigslist
  • Frontend ConsultantUp for the challenge of making banking fun and exciting, whilst learning and working with our global clients? Join our Amsterdam office. Backbase
  • JavaScript Engineer (Node.JS)Exciting opportunity to join Envato on their journey to evolve the tech stack of one of the biggest e-commerce sites in the world. Envato

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

JSHeroes 2017 (Romania, June 8-9) Early Bird Tickets Available news

Jenn Schiffer at SIGNAL for A Tale of Glitch, Twilio, and the Power of Friendship news
Every SIGNAL talk is designed to help you hone your craft. After learning with your peers & wielding new Twilio tools, celebrate at the $bash after party.
Twilio  Sponsor

A Look at Uses for a 'flatMap' Function tutorial
Dr. Axel Rauschmayer

Getting Started with Three.js for Building a 3D Scene tutorial
Jscrambler

Conditionally Adding Entries Inside Array and Object Literals tutorial
Dr. Axel Rauschmayer

Arrow Functions for Beginners tutorial
Brandon Morelli

Patterns for Object Inheritance in ES6 tutorial
Code reuse possibilities with ES6 classes, including implementing multiple inheritance..
Tim Severien

A 20 Minute Introduction to Flow, the Static Type Checker video
Benjamin Reid

8 Bite-Sized Videos on Async JavaScript with async/await video
Marius Schulz

It's the Future opinion
"So I just need to split my simple CRUD app into 12 microservices, each with their own APIs..."
CircleCI  Sponsor

Why I’m Moving on to Web Components and Not Looking Back opinion
Hacker Noon

Is Prepack Like Svelte? opinion
Svelte is essentially a build-time/compiled UI framework.
Rich Harris

prepack-webpack-plugin: A Webpack Plugin for Prepack tools
Gajus Kuizinas

A Curated List of 85 'Awesome' WebAssembly Links and Resources tools
Matteo Basso

Spector.js: A Framework For Troubleshooting WebGL Projects tools

Deploy a MongoDB replica set on AWS in minutes with MongoDB Atlas tools
MONGODB  Sponsor

jQuery Prove: A jQuery Plugin for Client-Side Validation of Forms code
Dan Hollenbeck

vue-infinite-loading: An Infinite Scroll Plugin for Vue.js code

Forall.js: Expressive Static Types and Invariant Checks code
Works in a run-time/macro-esque way.
Victor Hernandes Silva Maia

Typefont: An Algorithm for Recognizing the Font Used on a Text code
Vasile Pește

A 'Masonry' Image Layout Component for React Native code
Don't forget our React newsletter for more like this.
Brandon Him

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

#334: A Look at Chrome Canary's New ES6 Module Support

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 334 — May 12, 2017

A note from your editor, @peterc: If you're into serverless architecture, AWS Lambda, etc. we've launched a new weekly serverless newsletter - check out today's issue and subscribe if you like it. Today's Database Weekly is also looking strong if you want to stay up to date with the latest database news :-)

Based on D3.js v4 and built around reusable components, Britecharts makes it easy to declaratively build charts and visualizations, such as this. There’s lots of info in this introductory post too.
Eventbrite

The Fetch API is now supported in all mainstream browsers (except IE). It’s promise based and far more elegant than XMLHttpRequest. This is a very thorough intro.
Zell Liew

Frontend Masters
Become a Full Stack Engineer and gain the confidence to master the command line and server.
Frontend Masters   Sponsor

ES6/ES2015 modules are now natively supported in Chrome Canary behind the Experimental Web Platform flag. Here’s the basics of how they work. You may also like this gist showing off a use case.
Sam Thorogood

Like a test runner but for performance. It runs in Chrome (headlessly too, if you have the right version) and produces reports on your code’s execution.
Nicolas Gryman

Still an alpha/work-in-progress but is significantly faster than other minifiers due to taking a unique approach. Also supports ES6 upwards.
Rich Harris

First linked a month ago as a pure decoder, now it does lossy encoding too. Example output here.
Photopea

Jobs Supported by Hired.com

  • craigslist seeks JavaScript Developers (San Francisco, CA)Web devs with JavaScript, CSS, and HTML experience wanted to design and ship new features, and see them loved (or hated) by millions. craigslist
  • Senior Front-end EngineerWe're looking for an enthusiastic front end engineer to join our team. 3 blocks from the beach. Go to our website to learn more. MJD Interactive
  • Front End DeveloperBooking.com is looking for Front End Developers all around the globe to join us at our beautiful headquarters in Amsterdam. Booking.com

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

Jest 20 Released: Facebook's JavaScript Testing Framework news
Facebook

BrazilJS 2017 Call for Papers Open (for 2 Conferences) news
In Porto Alegre (Aug 25-26) and Fortaleza (Sep 1-2).

Use AngularJS to Build a Fast and Secure Chat App 
PubNub gets your data anywhere in under 0.25 seconds. It’s easy with PubNub’s Angular library.
PubNub  Sponsor

All About Recursion and Tail Calls in JavaScript tutorial
Lucas Fernandes da Costa

Writing Secure Node.js Code: A Write Up and Video tutorialnode
Danny Grander

Component Architecture Recipes for Angular’s Reactive Forms tutorial
Todd Motto

Building an 'Infinite Tube' WebGL Demo with Three.js tutorial
Louis Hoebregts

Module Specifiers: What’s New with ES Modules? tutorial
Dr. Axel Rauschmayer

What's A Transducer? Some In-Depth Functional Fun tutorial
Reg Braithwaite

An 'Ultimate' Atom Editor Setup for JS Development tutorial
Tons of recommended packages here if you’re an Atom user.
Elad Ossadon

Altering the DOM with JavaScript (For Beginners) tutorial
Zell Liew

Proactively detect 🕵️ JavaScript errors and fix them for your users. tools
Bugsnag  Sponsor

10 jQuery-Powered HTML5 Audio Players tools
Michael Wanyoike

Reaction: A Real-Time Reactive, JavaScript E-Commerce Platform code
Reaction Commerce

Elasticlunr.js: Lightweight Full-Text Search Engine for the Browser code
Wei Song

A Vue.js Gantt Chart Plugin for Presenting Weekly Tasks code
Levin Van

Sticky Sidebar jQuery Plugin code
Well documented and with live examples.
Ahmed Bouhuolia

How to find and fix the slowest code in your .NET application 
Find bottlenecks in your code or database & boost performance with ANTS Performance Profiler. Try it free now.
Red Gate  Sponsor

P.S. Wondering where all the React stuff is? It's in its own newsletter, React Status. Today's issue is packed full of great stuff including D3-based viz components for React and a new React news podcast.

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

#335: JSConf EU videos, a cartoon introduction to WebAssembly, and Polymer 2.0

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 335 — May 19, 2017
A look at a variety of syntactic forms for functions in JavaScript (e.g. arrow functions, generators). Stuff worth being familiar with.
Leo Balter and Rick Waldron

Lin Clark explains what exactly WebAssembly is, and what makes it fast.
Smashing Magazine

YouTube

Bugsnag
“We can fix bugs in 30 minutes instead of 2 days. Our customers hardly see any bugs because we fix them right away.” Cut through front-end noise so you can efficiently assess the impact of your errors with Bugsnag. Try it free.
Bugsnag   Sponsor

This introduction to his series of functional programming posts highlights the importance of building software in a composable way. “A software developer who doesn’t understand composition is like a home builder who doesn’t know about bolts or nails.”
Eric Elliott

A proposed format similar to RSS and Atom but in JSON. See the spec here.
Manton Reece and Brent Simmons

Another talk from JSConf EU covers the basic concepts of compilers, challenges posed by modern JS, and how to write compiler-friendly JavaScript. (25 minutes).
Franziska Hinkelmann

With yarn create, you’ll be able to start building apps more quickly, e.g. with yarn create react-app app-name.
Maël Nison

Jobs Supported by Hired.com

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

Polymer 2.0 Released: The Web Components Library news
Now with support for ES6 class-based syntax.
Wendy Ginsberg

jQuery Mobile 1.5.0 Alpha 1 Released news
jQuery Foundation

ForwardJS Tickets on sale today news
Attend full-day hands-on React workshops and dozens of talks at ForwardJS San Francisco this July.
ForwardJS  Sponsor

The Hitchhiker’s Guide to d3.js tutorial
Starting points and resources for upping your D3 game.
Ian Johnson

json-api-normalizer: An Easy Way To Integrate the JSON API and Redux tutorial
Yury Dymov

Data Driven Vue.js: Creating Data-Driven Components with Vue tutorial
Darren Jennings

ES Proposal: RegExp Lookbehind Assertions tutorial
Dr. Axel Rauschmayer

Building a Full-Sphere 3D Image Gallery with React VR tutorial
SitePoint

3 Ways to Reduce Webpack Bundle Size tutorial
Jakob Lind

Analyzing React’s Source Code for Type Mismatch Operations tutorial
Using a Babel plugin called Runtyper.
Vitaliy Potapov

Optimizing AWS Lambda performance with MongoDB Atlas and Node.js 
See the performance implications of using Lambda functions with a database-as-a-service like MongoDB Atlas.
MONGODB  Sponsor

Using Test Driven Development To Write A Function (in 3 Minutes) video
Kent C. Dodds

Martinet: A Simplified Build System Based on Webpack 2 tools
For building static sites or single page apps.
Iceroad

Godzilla: An ES2015 to Go(lang) Source Code Transpiler and Runtime tools
A bit of an opposite to GopherJS.
Jingwen Owen Ou

Rltm.js: A Universal API for Realtime Services tools
PubNub  Sponsor

LambStatus: A Serverless Status Page System code
A server status page system built for use on AWS Lambda.
Kishin Yagami

react-pdf: Create PDF Files using React code
In browser or on the server. More like this in today’s React newsletter.
Diego Muracciole

Delaunator: A Fast JS Library for Delaunay Triangulation of 2D Points code
Mapbox

RxDB 4.0: A Reactive Client-Side Offline-First JavaScript Database code

Stanchion: Priority Levels For Your App's Network Requests code
An app-aware network queue where requests are dispatched based on an assigned priority.
Alexander Wang

P.S. And in this week's React newsletter, great stuff including What's New in Create React App and how to build a microservice with Node, React and Docker.

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

#336: npm 5.0 Released

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 336 — May 26, 2017
The popular JavaScript package manager takes some big steps forward with significantly improved performance. It’ll also be included with Node 8, due next week.
npm

Seth Thompson of the V8 team gave a 40 minute talk at Google I/O about how V8 is going, recent performance improvements, etc. all backed up with diagrams and benchmarks.
YouTube

An explanation and summary of the current state of various approaches.
Johannes Ewald

PubNub
PubNub gets your data anywhere in less than 0.25 seconds. It’s so easy with PubNub’s AngularJS library.
PubNub   Sponsor

A smart, extensible and modern WYSIWYG editor built with React, Slate.js and Redux.
ORY

A look at the internals of Preact, a tiny 3KB React alternative. Plus, Jason sheds light on fundamentals like JSX and Virtual DOM, and demystifies DOM diffing.
Jason Miller

A look over five popular unit testing frameworks to help you decide which is best for you.
Ben Harding

Did you know we have a separate newsletter focused on Node? This week’s top items include Node.js Streams: Everything You Need to Know, Load Balancing Node Apps with NGINX and Docker and the Node 8.0 RC1 builds.
Node Weekly

Jobs Supported by Hired.com

  • JavaScript Developer at X-Team (Remote)We seek a developer with extensive JavaScript knowledge. We're 100% remote and provide the funding needed to help you achieve your goals and grow. X-Team
  • Remote React Co-FounderWe're a team of seasoned devs/instructors looking to flip the Coding Bootcamp model on its head. Rev sharing + equity. Part or Full time, project based. Access Code

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

Twilio Introduces 'Functions' to Serverlessly Script Their Services with JS news
Upload JavaScript to handling incoming calls, text messages, etc.
Twilio

Higher-Order Functions in Lodash tutorial
Michał Piotrkowski

Managing Async Dependencies with fetch-inject tutorial
Josh Habdas

Event Bubbling and Event Propagation Explained tutorial
Giulio Mainardi

How To (Safely) Use a jQuery Plugin With Vue.js tutorial

How to Make a Simple JavaScript Quiz tutorial
Yaphi Berhanu

Highlight Text Within a String Using Angular and Regular Expressions tutorial
Nic Raboy

Build Faster. Test More. Fail Less. Easy CI/CD for JavaScript. 
The modern continuous integration and delivery platform that software teams love to use.
CircleCI  Sponsor

You Might Not Need to Transpile Your JavaScript opinion
Alex Ewerlöf

Why One Developer Chose ClojureScript Over JavaScript opinion

React vs Angular: Two Sides of JavaScript opinion
Cleveroad

Preact CLI: Create and Build Preact Apps More Easily tools
Jason Miller

React Live: A Playground for Live Editing React Components tools
Formidable

Add Powerful UI Components to your React Apps with ExtReact tools
Learn how to build data-intensive, cross-platform web apps leveraging over 115 Sencha components and React.
Sencha, Inc.  Sponsor

ArrayCompress: Efficient Compression of Arrays to Strings code
Useful if you need to store as string in a DB.
Roger Beaman

Chromatism: A Simple Set of Utility Functions for Colors code
Nice visual examples in the README.
Graham Pegg

asm-dom: A Minimal Perf-Focused WebAssembly Virtual DOM code
Matteo Basso

Birdview.js: A UI Experiment to View an Entire Page at Once code
Fits a visual ‘birds-eye’ overview of a web page into your viewport.
Achraf Kassioui

Shift your deployment to MongoDB Atlas and get $100 in credit 
MONGODB  Sponsor

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

#337: Node 8, Meteor 1.5, and Migrating from Mocha to Jest

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 337 — June 2, 2017
A new major release of Node is here with many significant updates including V8 5.8, npm 5, async_hooks, N-API.. See this week’s Node Weekly for a comprehensive roundup.
Node.js Foundation

A ‘tale of adventure’ in moving from the Mocha test framework to Facebook’s Jest.
Patrick Hund

In this session from Google I/O, Addy Osmani covers PWA best practices, patterns for efficiently loading websites and the latest tools for getting fast and staying fast.
Google Chrome Developers

ROLLBAR
See how Rollbar pairs perfectly with New Relic to give you greater coverage + much more insight into application errors.
ROLLBAR   Sponsor

If you’re not yet using ES6 on a frequent basis, this is a thorough introduction to seven of the most useful concepts.
Zell Liew

It’s been around a while but has had a lot of updates recently.

1.5 brings dynamic imports, code splitting, and bundle size analysis. It’s still based around Node v4, but will move up to Node v6 in Meteor 1.6.
Ben Newman

From the basics to advanced topics with simple, but detailed explanations.
Ilya Kantor

Jobs Supported by Hired.com

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

Announcing TypeScript Support in Electron news
Zeke Sikelianos

Assert(js): A Forthcoming JS Testing Conference in Texas news
Currently just seeking speakers.

How to Hire for JavaScript Development 
We hire awesome JavaScript developers. Learn how we identify, test, and hire for JavaScript.
Code My Views  Sponsor

The Most Important Features and Fixes of Node 8 tutorial
Gergely Nemeth

Delivering Untranspiled Source Code via npm tutorial
Dr. Axel Rauschmayer

The Anatomy of a Modern JavaScript Application tutorial
SitePoint

Managing State in Aurelia with Higher Order Components tutorial
Vildan Softic

WebAssembly: Mozilla Won opinion
“I think WebAssembly is a big victory for asm.js and Mozilla’s vision.”
Robert O'Callahan

Switching From React to Vue.js opinion
Anthony Gore

Using terminal to view test results is a productivity killer tools
You write code in your favorite editor, we run tests and deliver the results in realtime to the editor.
Wallaby.js  Sponsor

Storybook 3.0: An Interact Dev Environment for React Components tools
Michael Shilman

vue-devtools: A Chrome DevTools Extension for Debugging Vue.js Apps tools
It’s also on the Chrome Web Store.

O: An In-Browser Loader, Bundler and Dependency Injection Builder tools
In progress and proof of concept, but the team wants to know what you think.
GardenHQ

Have you tried MongoDB Atlas yet? tools
MONGODB  Sponsor

taxi-rank: A JSDom-Based Selenium Webdriver API code
Uses Zombie under the hood.
Forbes Lindesay

Nile.js: A P2P Live Video Streaming Library Built on WebTorrent code
Miranda, Qiu, and Pierson

Timelinejs: A jQuery Timeline Slider Plugin code
ilker Yılmaz

vue-recyclerview: A Fast Way to Render Large Lists with Vue code

Picodom: A 1KB Virtual DOM Builder and Patch Algorithm code
Handy for building your own view library, for instance.

micro-http-client: A 'fetch' Wrapper to Specify Common Request and Response Processing in a Single Location code
remerge GmbH

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

#338: A Comparison Between Adopting Flow or TypeScript

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 338 — June 9, 2017
Both Flow and TypeScript can bring type checking to your code. This post falls in favor of Flow, a TypeScript PM posted a rebuttal on Reddit.
James Kyle

Where do functions, classes, and objects fit into the big picture of writing simpler code that’s easy to maintain?
Kent C. Dodds

An exercise in porting a JavaScript library to WebAssembly (wasm) - perfect for those wanting more than a Hello World introduction.
Maxime Rouyrre

Frontend Masters
Learn from Todd Gardner (Co-founder of TrackJS) on Debugging and Fixing Common JavaScript Errors. In this course, you’ll be armed to find and squash JS bugs faster, and for good. — Free until June 26.
Frontend Masters   Sponsor

Private class fields (denoted as such: this.#x) are now at stage 2 in TC39’s standard process. Here’s a look at why they’re important and what they could mean for JavaScript.
James Kyle

A fork of C3.js focusing on ease of use and working with the latest D3. There are over 80 examples here.
Naver Corp

Jurgen Van de Moere takes an existing Angular 2+ app and adds a REST API service. Learn about RxJS observables and how to mock HTTP services for testing.
SitePoint

ARES-6 measures the execution time of JavaScript’s newest features. This post digs deep on it and is very much for the more technical reader.
WebKit

Jobs Supported by Hired.com

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

JavaScript Decorators: What They Are and When to Use Them tutorial
SitePoint

Getting Started with Preact: A Step By Step Guide tutorial
A fast, tiny alternative to React with the same ES6 API.
Bilal Budhani

Functional Mixins tutorial
The latest in Eric Elliott’s popular functional programming series.
Eric Elliott

An Annotated React 'To Do' App Example tutorial
A good opportunity to show, simply, how React works.
Samer Buna

An Intro to Web Components (with Otters) tutorial
An introduction for absolute beginners.
Monica Dinculescu

A Look at Node 8's util.promisify() tutorial
util.promisify converts a callback-based function to a Promise-based one.
Dr. Axel Rauschmayer

JavaScript Power Tools: Real-World 'redux-saga' Patterns tutorial
Matt Hink

A Beginner's Guide to npm, the Node Package Manager tutorial
Updated for npm 5.0’s recent release.
Michael Wanyoike and Peter Dierx

From Node 6 to Node 8: A Real-World Performance Comparison opinion
Hacker Noon

What's The Best Current Book to Learn JavaScript? opinion
Hacker News

Use AngularJS to Build a Fast and Secure Chat App tools
PubNub gets your data anywhere in <0.25 seconds. It’s so easy with PubNub’s Angular library.
PubNub  Sponsor

npm 5.0.2 and npm Gets A New 'Canary' Release tools
npm i -g npmc gets you a canary release as a separate npmc binary.
The npm Blog

Synt: Find Similar Functions and Classes in JS and TypeScript Code tools
Brent Lintner

It’s easy to version control your database alongside your application tools
Connect your database to your version control system with SQL Source Control and keep track of every change.
Red Gate  Sponsor

Elsa: Babel Plugin Replacing Object/Array Literals with Immutables code
Jon Abrams

Sinergia: Run Expensive Tasks Cooperatively via ES6 Generators code
Jiayi Hu

angular-xeditable: In-Place Editing for Angular code
Vitaliy Potapov

Wiretie: A Higher Order Component for Preact for Wiring Up Data Sources code
Synacor

Browsers Aren't the Only UI – Mobile Apps, Amazon Alexa, Cloud Services tutorial
Mongo DB  Sponsor

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

#339: V8 6.0, Building an Android App with Vue, and ESLint v4

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 339 — June 16, 2017
Most JS developers debug with console.log so why not learn more about what the console can do for you?
Darryl Pargeter

It’s coming to Chrome 60, has SharedArrayBuffer support, and brings rest/spread properties on objects.
Seth Thompson

Rather than learn Android development from scratch, put your JavaScript skills to use with Cordova and Vue.js to build a basic ‘to do’ app.
Viraj Khatavkar

ForwardJS
Attend full-day hands-on React workshops and dozens of talks at ForwardJS San Francisco this July.
ForwardJS   Sponsor

A great three part series covering why memory management is important, using ArrayBuffers and SharedArrayBuffers in JS, and avoiding race conditions with Atomics.
Lin Clark

A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Here’s a migration guide.
ESLint

If you haven’t dug into the new goodies yet, this is a good roundup of the latest developments on the Node ecosystem’s most important tools.
Prosper Otemuyiwa

A 12-part video course that starts with lessons on how to setup an app with Webpack and Babel and how to configure these tools for use with Preact.
Shane Osbourne

Jobs Supported by Hired.com

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

Kyle Simpson's 'Deep Foundations of JS' Course in London news
We’ve got Kyle back in London in four weeks’ time.
White October Events

Angular 1.0 Turns Five Years Old news
Chris Brandrick

EmberCamp London: A Full Day of Ember Talks (July 11) news

Angular 4.2 Now Available news
Stephen Fluin

Announcing TypeScript 2.4 RC news
Support for ES import() calls and string enums are key features.
Microsoft

JSConf Belgium 2017 Is In 2 Weeks (June 29) news
Great speakers and tickets are still available.
JSConf Belgium

Using Source Maps to Debug Errors tutorial
Let's talk JavaScript Source Maps. What are they? How to enable source mapping? Why aren't they working?
ROLLBAR  Sponsor

19 JavaScript Shorthand Coding Techniques tutorial
Michael Wanyoike

Using a C Library in JavaScript tutorial
How a team compiled LibreOffice’s hunspell for use on the client side.
Teamemo

A Curated List of 68 React and Redux Tutorials, Walkthroughs and Courses tutorial
Mark Erikson

Introducing FilterBubbler: A WebExtension Built using React/Redux story
A text analysis toolkit using the new WebExtensions API.
Mozilla Hacks

Test-Driven Development for JavaScript tutorial
In this eBook we will explore the idea of practicing Test-Driven Development (TDD) for client-side JavaScript.
Codeship  Sponsor

What's Coming After ES6: The Future of JavaScript video
Brian Holt

Will Vue.js Become a Giant Like Angular or React? opinion
Bartosz Bilejczyk

Bonsai: An Open Source Webpack Analyzer tools
Ryan Albrecht

Amplitude.js: A Modern HTML5 Audio Player with No Dependencies code
521 Dimensions

ZangoDB: A MongoDB-Like Interface for HTML5 IndexedDB code
Erik Olson

Dutier: A Small (1KB) Centralized State Management Solution code
Luis Vinicius

Collect.js: 76 Convenience Methods for Arrays and Objects code
A similar API to Laravel Collections: chunk, flatten, shuffle, etc.
Daniel Eckermann

js-joda: Immutable Date and Time Library code

Building a REST API Using Express.js tutorial
MONGODB  Sponsor

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK


#340: How Long 1MB of JS Takes to Parse on Various Devices

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 340 — June 23, 2017
Learn about the ecosystem and some options for using JS on microcontrollers and IoT platforms.
Sebastián Peyrott

A modern ES6 update to a very popular demo from 2013 which implemented a working spreadsheet in very few lines of JS.
Ondřej Žára

A developer at Automattic (the company behind WordPress) explains why they prefer Jest to Mocha for JavaScript testing.
Grzegorz Ziółkowski

CircleCI
CircleCI’s continuous integration and delivery platform helps software teams rapidly release code with confidence. NEW RELEASE: Workflows - Custom job orchestration provides granular control over your development process.
CircleCI   Sponsor

An intriguing new approach to creating a simple front-end app where you write the entire app mostly declaratively in a single JS object.
Intercellular

An opinionated, all-in-one guide walking through create-react-app, webpack, Babel, ES2015+, JSX, Redux, CSS-in-JS, and more.
Devin Abbott

An introduction to the idea of using Facebook’s jscodeshift to create and apply ‘codemods’ to automate changes to your code.
Chris Laughlin

Performance isn’t just about how quickly a device can download a huge blob of JavaScript, but how long it takes to parse too.
Henri Helvetica and Tim Kadlec

Jobs Supported by Hired.com

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

The State of Angular and the Due Date of Version 5 news
Dor Moshe

ForwardJS Tickets on sale today news
Attend full-day hands-on React workshops and dozens of talks at ForwardJS San Francisco this July.
ForwardJS  Sponsor

Creating a Personal Bluetooth Beacon with Puck.js tutorial
Adam Butler

Unambiguous Webpack Config with TypeScript tutorial
Devon Marisa Zuegel

The Art of Building a Progressive Web App with Ember tutorial
Matthew Beale

A Thorough (Re)Introduction to Callbacks tutorial
A thorough guide aimed at newbies/learners.
Zell Liew

A Brief Guide to Reliable Stream Processing with RxJS tutorial
Hendrik Swanepoel

How to Create Interactive JavaScript Charts from Custom Data Sets tutorial
SitePoint

An Introduction to Sets in JavaScript tutorial
Alligator

Register for M101JS: MongoDB for Node.js Developers 
Learn everything you need to know to get started building a MongoDB-based app.
MongoDB  Sponsor

Techniques for Decomposing React Components tutorial
David Tang

Introducing Lazy Arrays in JavaScript with lazy-arr tutorial
PerformanceJS

ES2017's async/await is 'The Best Thing to Ever Happen to JavaScript' opinion
Mike MacCana

Functional Programming in JS is an Antipattern opinion
Here’s your thought provoking opinion piece of the week.
Alex Dixon

Why One Developer Chose React Over Vue opinion
He prefers immutability and using JS instead of directives.
Steven Poulton

Making the Switch from AngularJS to Angular in an Enterprise Dev Shop story
Telerik Developer Network

jQuery-contextMenu: A jQuery Context Menu Plugin and Polyfill code
SWIS

Spected: A Low Level Validation Library for Objects code
25th-floor GmbH

Tetris Reimplemented with Vue, Vuex, and Immutable.js code
An interesting implementation that’s very smooth to play.
Binaryify

p-iteration: Make Array Iteration Easy with async/await and Promises code
Antonio V

vue-table-component: A Vue Component to Filter and Sort Tables code
Freek Van der Herten

How to find & fix the slowest code in your .NET application with Redgate 
Red Gate  Sponsor

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

#341: TC39, ECMAScript, and the Future of JavaScript

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 341 — June 30, 2017
A thorough explanation of how new features make it into JavaScript, before focusing on some practical examples including Array#includes, named captures, and lookbehind assertions in regexes.
Nicolás Bevacqua

Eric Bidelman runs through how to use Headless Chrome, using Karma as a runner and Mocha+Chai for authoring tests.
Google Developers

MONGODB
See the performance implications of using Lambda functions with a database-as-a-service like MongoDB Atlas.
MONGODB   Sponsor

The official spec for ES2017 (essentially the 8th edition of the JS spec) has been published in HTML and PDF if you’re lacking for bedtime reading.
ECMA

A full-stack app framework built on React and GraphQL. It’s an evolution of Telescope but is becoming less Meteor-dependent.
Sacha Greif

A well presented tutorial site complete with rich, live editable examples.
James K Nelson

Includes support for cynamic import() expressions, string enums, & improved checking.
Microsoft

React Status is our React focused weekly. This week it includes a React Native starter kit and an introduction to Redux-first routing.
React Status

Jobs Supported by Hired.com

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

Babylon, Babel's JS Parser, To Support TypeScript news
Not a lot to see yet, but .ts support has been baked in.
Babel

Microsoft's 'Sonar' Linting Tool Joins the JS Foundation news
Check out Sonar’s homepage to learn more.
Kris Borchers

Using Source Maps to Debug Errors tutorial
Let's talk JavaScript Source Maps. What are they? How to enable source mapping? Why aren't they working?
ROLLBAR  Sponsor

Getting Started with Webpack 3 tutorial
João Augusto

The 'Best' Frontend JavaScript Interview Questions tutorial
Opinions will vary but if you do well at these, you’re in a strong position.
Boris Cherny

Build A Realtime Chart with Vue.js and Pusher tutorial
Yomi Eluwande

Unleash The Power of Angular Reactive Forms video
Oriented around live coding a form from scratch.
Nir Kaufman

Use AngularJS to Build a Fast and Secure Chat App 
PubNub gets your data anywhere in less than 0.25 seconds. It’s so easy with PubNub’s AngularJS library.
PubNub  Sponsor

Choosing A Frontend Framework in 2017 opinion
This Dot Labs

Why I'm Switching from React to Cycle.js opinion
SitePoint

An Up to Date List of TC39 Proposals and their Status tools
Nicolás Bevacqua

Search and Install npm Modules Automatically from the Atom Editor tools
Algolia

Decaffeinate: Convert Your CoffeeScript to Modern JavaScript tools
A well established project that continues to get frequent updates.
Brian Donovan

Infinite Scroll v3: As Users Scroll, Automatically Load More tools
Note it’s both GPL3 and commercial.
Metafizzy

Study: A Progressive, Client/Server AB Testing Library code
Dollar Shave Club

echarts: Powerful Charting and Visualization in the Browser code
Lots of demos here.
Baidu

vanilla-tilt.js: A Dependency-Free, Smooth 3D Element Tilting Library code

RE:DOM: A Tiny (2KB) JS Library for Creating User Interfaces code
Juha Lindstedt

frontexpress: An Express.js-Style JavaScript Router for the Front-End code
Camel Aissani

ForwardJS Tickets on sale today 
ForwardJS  Sponsor

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

#342: Some Best Practices for JavaScript Projects

$
0
0
Why Reddit chose TypeScript, and a React-a-like for CLI appsRead this e-mail on the Web
JavaScript Weekly
Issue 342 — July 7, 2017

July 4th made this week a bit of a quiet one in the JavaScript world and we dug extra deep. A huge thanks to everyone who submitted articles and projects directly to us. If you want to suggest items for future issues, tweet us @JavaScriptDaily or send a reply to any issue and we'll check it out :-)

Your editor,
Peter Cooper (@peterc)

British design studio Hive has collected together guidelines for working on JS projects.
Hive

Reddit felt that TypeScript was the best option for typed front-end development.
Upvoted

A powerful React-based static site generator. v1 can integrate with CMSs like Wordpress, and Drupal, and supports route-based code splitting, service workers, offline support, etc.
Kyle Mathews

Component IO
Building with reusable, isolated components will make your work clean & maintainable. Component IO offers ready-to-use website components that work everywhere. Use the live online content & code editor to improve your workflow.
Component IO   Sponsor

Provides React’s component-based UI building experience, but for command line-style apps. An intriguing idea.
Vadim Demedes

Bring the power of embedded videos to D3 visualizations.
Michals, Worrel and Nunns

Brian Terlson and Sebastian Markbåge

An interesting new Babel plugin to pre-evaluate code at build time (perhaps to dynamically bring in content from files to other code). Kent also recorded a video of him building it.
Kent C. Dodds

Jobs Supported by Hired.com

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

'Prettier' Code Formatter Reaches Version 1.5 news
Introduces GraphQL, CSS-in-JS and JSON support.
Prettier

7 Ways To Define A Component Template in Vue.js tutorial
Anthony Gore

Experimenting with the Background Fetch API tutorial
Phil Nash

Pattern Matching with TypeScript tutorial
Manuel Alabor

Intro to 'date-fns', a Lightweight JS Date Library tutorial
A simple, functional alternative to Moment.js.
SitePoint

Building a Realtime Dashboard Powered by Laravel and Vue.js tutorial
Freek Van der Herten

Why Use SemVer / Semantic Versioning? opinion
And how it has ‘changed the way we write JavaScript’.
The npm Blog

Comparing and Contrasting React and Angular opinion
Dan Halverson

8 Habits of a Happy Node Hacker (2017 Edition) opinion
Just in case you’re not a Node Weekly reader :-)
Jeremy Morrell

A much faster way to debug code than with breakpoints or console.log tools
This wallaby.js feature allows to inspect the result of any JavaScript expression execution in your editor.
Wallaby.js  Sponsor

Evan You on the State of Vue in 2017 video
VueConf

How to Get Started and Build Something with GraphQL video
Xavier Cazalot

14 'Live Search' jQuery Plugins tools
SitePoint

bundlesize: Keep Your Bundle Size in Check tools
Siddharth Kshetrapal

webpack-common-shake: A CommonJS Tree Shaker Plugin for WebPack tools
Fedor Indutny

Spend less time coding, more time shipping 🚀 tools
Build interactive features, like notifications, in minutes with just a few lines of code.
Pusher  Sponsor

math-random-polyfill: A 'More Random' Browser Polyfill for Math.random() code
David Anson

consolemock: A Small Dev Utility for Testing Console Logs code
Thomas Marek

share-this: Medium-like Text Selection Sharing Without Dependencies code
Massimo Artizzu

Try Codeship Basic: Simple hosted CI that works out of the box tools
Codeship  Sponsor

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

#343: The Main New Features of ES2017

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 343 — July 14, 2017
A fascinating look at how a ray-casted checker board effect was implemented in a mere 101 bytes of JavaScript.
Alex Kras

The new features in the 8th edition of the EcmaScript specification including padStart, padEnd, Object.getOwnPropertyDescriptors and more.
Dor Moshe

..with no dependencies. It’s essentially contentEditable with buttons and styling. Demo here.
Jared Reich

Frontend Masters
Join Kent C. Dodds to master the latest tooling (like Jest & Cypress) and techniques to test real-world React, Redux, and Node express apps.
Frontend Masters   Sponsor

npm 5.2 introduces a new binary alongside the usual npm: npx, a tool to simplify using CLI tools and other executables hosted on the registry.
Kat Marchán

.. for putting them into Android notifications locally. A powerful solution for a very specific situation, resulting in notably rich notifications.
Alastair Coote

There’s a stage 0 proposal for pattern matching in JavaScript, here’s a look at what it entails and how it may prove useful.
Nicolás Bevacqua

Jobs Supported by Hired.com

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

Attend the Polymer Summit, on 22-23 August in Copenhagen news
Attend talks & workshops to learn about how to build beautiful, fast mobile web apps with Polymer.
Google, Inc.  Sponsor

Integrate TypeScript in Your Vue Project tutorial
Alex Jover Morales

Emotion: The Next Generation of CSS-in-JS tutorial
Kye Hohenberger

HyperApp: The 1 KB JavaScript Library for Building Front-End Apps tutorial
Jorge Bucaran introduces HyperApp, a tiny, 1kb library with a compact API, built-in state management, and unrivalled, small bundle size.
SitePoint

Building a Live WebCam Face Detector using Node and OpenCV tutorial
Shahid Shaikh

Learn and Understand Recursion in JavaScript tutorial
A walk-through of two popular JS recursion examples.
Brandon Morelli

Creating WebVR Experiences with Babylon.js tutorial
David Rousset

Get Started with Rust, WebAssembly, and Webpack tutorial
Ian J Sikes

Build a Simple Realtime App with Vue.js 2.0 and Pusher tutorial
Olayinka Omole

Add Powerful UI Components to your React Apps with ExtReact 
Learn how to build data-intensive, cross-platform web apps leveraging over 115 Sencha components and React.
Sencha, Inc.  Sponsor

What 10 Things Should a Serious JS Developer Know Right Now? opinion
Reddit

What I Learned About Vue.js from Building a Chrome Extension story
vuejs developers

An Angular 4 Crash Course in 60 Minutes video
Starts from absolute scratch, so ideal for beginners.
Brad Traversy

How Uber Uses JavaScript and Node.js video
Uber is very strongly a Node shop for its Web-facing services.
Dustin Whittle

Bundle Buddy: A Tool to Identify Bundle Duplication Across Splits tools
Sam Saccone

v8py: Write Python APIs Then Call Them Within A V8 Context tools
Theodore Dubois

babel-preset-php: A Babel Preset to Convert PHP to JavaScript tools
Mostly for fun at this stage and just does an AST to AST translation.
Kornel Lesiński

“CircleCI 2.0 is fast. We reduced builds from minutes to 12 seconds.” tools
CircleCI  Sponsor

DoppioJVM: A JVM in 100% JavaScript code

BotUI: A JavaScript Framework to Create Conversational UIs code
Moin Uddin

Babylon.js 3.0: A Framework for Building 3D Experiences code
Here’s a demo of it in action.
David Catuhe

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

#344: JavaScript Factory Functions with ES6+

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 344 — July 21, 2017
“In JavaScript, any function can return an object. When it does so without the new keyword, it’s a factory function.”
Eric Elliot

A fun look at the mechanics behind a seemingly simple snippet of JavaScript that doesn’t do what you’d expect. Beware of hidden Unicode characters.
Stefan Judis

This popular survey returns for its second year to see which “buzzwords are here to stay and which ones will soon fall to JavaScript fatigue”.
Sacha Greif

GrapeCity Wijmo
This free e-book teaches you about the strengths and weaknesses of JavaScript’s top frameworks and offers a methodology for selecting which framework works best for your team and project. Get it now.
GrapeCity Wijmo   Sponsor

Nirmalya Ghosh shows you how to use Firebase’s real-time database features, coupled with create-react-app, to build a basic Reddit clone with live voting.
SitePoint

Compiles specially written JavaScript functions into shader language (GLSL) and runs them on the GPU via WebGL.
Sapuan, Saw and Cheah

“a good bit has changed in browser land since the last ‘You Might Not Need jQuery’ article you might have stumbled upon”
Ollie Williams

An explanation of a proposed new binary AST format and what benefits it could bring.
Shu-yu Guo

Jobs Supported by Hired.com

  • Front End Engineer at EDITED (London)Join us to impact how the world's biggest retailers operate by making a web app with great UX and DX using React, Redux and Glamor EDITED
  • Mobile and client library SDK developerWe’re a growing realtime platform solving truly complex distributed problems for the developer community. If you enjoy challenging your grey matter and building great web services, apply. ABLY.IO
  • Senior Software Engineer - JavaScriptWe are looking for a Software Engineer with strong interest and experience in UI engineering who can help take our newest product, New Relic Infrastructure, to the next level.  New Relic

Can't find the right job? Want companies to apply to you?Try Hired.com.

In Brief

Angular 4.3 Now Available news
A minor release that contains no breaking changes. Full changelog.
Stephen Fluin

New Book: How to Earn More as a Software Developer news
Learn new skills faster, find work you love, earn what you're worth. Get it today for $0.99 (limited time).
Simple Programmer  Sponsor

Implementing the MVC Design Pattern in Vanilla JavaScript tutorial
SitePoint

How to Use Polymer with Webpack tutorial
Rob Dodson

Extracting Logic from React Components tutorial
Jack Franklin

An ES Proposal Explained: RegExp Unicode Property Escapes tutorial
Dr. Axel Rauschmayer

Webpack’s import() Will Soon Fetch JS + CSS — Here’s How To Do It tutorial
James Gillmore

Preventing a Mobile Browser From Sleeping with NoSleep.js tutorial
NoSleep.js is a small Wake Lock API shim to prevent the browser and device from going to sleep.
David Walsh

Angular Testing In Depth: Components tutorial
Gábor Soós

4 Important Changes in Vue.js 2.4 tutorial
Anthony Gore

Catch Errors Before Your Users Do 🎣 
Instantly know whats broken and why. Monitoring, alerting & analytics for JavaScript errors. Try it.
ROLLBAR  Sponsor

RxJS By Example video
Ben Lesh

Vue.js 2.0 From Scratch in 60 Minutes video
Brad Traversy

Control Things in the Real World with Web Bluetooth and Puck.js video
Gordon Williams

Tabris.js 2.0 Released: Develop Native iOS and Android Apps in JS tools
EclipseSource

emojify-webpack-plugin: Transforms Code Into Emoji tools
A humorous idea if normal minification isn’t your thing.
Mechazawa

“CircleCI 2.0 is fast. We reduced builds from minutes to 12 seconds.” tools
CircleCI  Sponsor

Express React Starter: Starter Project for create-react-app + Express.js code
Burke Holland

Wade: Fast, 1KB Trie-based Search for JavaScript code
And a related blog post.
Kabir Shah

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

Viewing all 451 articles
Browse latest View live