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

This week's JavaScript news, issue 345

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 345 — July 28, 2017
As well as Fiber, a key change is in how component errors are handled.
Facebook

How the performance characteristics of V8’s Turbofan will affect the way we optimize in Chrome 59+ and Node 8.3+ situations.
Matteo Collina and David Mark Clements

The latest in Eric’s functional programming and compositional software techniques series looks at classes in detail.
Eric Elliott

Bugsnag
Get real-time crash alerts and collect detailed diagnostics so you can fix errors for your users. See deminified stacktraces with support for sourcemaps. Cut through front-end noise so you can efficiently assess the impact of errors. Learn more.
Bugsnag   Sponsor

An in-progress/beta stage book that aims to teach JavaScript from a hands-on, modern 2017 standpoint, organized around building a Hacker News-style site.
Baptiste Pesquet

Learn to quickly create different kinds of charts and visualizations for Vue.js apps, using three wrappers for the Chart.js library.
Yomi Eluwande

One developer’s take on a question asked on Reddit 2 weeks ago that attracted a lot of debate over what priorities JS developers should have.
Ben McCormick

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
  • Senior Frontend Engineer at BugsnagBugsnag is used by engineers around the world to deliver higher quality software every day. Join our team and help build the future of error monitoring. Bugsnag

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

In Brief

Results of the Node.js Foundation's Developer Survey news
Node.js Foundation

USGS Releases New JS Library to Create Location Search Widgets news
United States Geological Survey

Attend Google Developer Days — Europe 2017 in Krakow, Poland news
Join us at #GDDEurope, where we will be covering the latest developer updates and best practices.
Google, Inc.  Sponsor

Promise.prototype.finally Reaches Stage 3 of TC39 Process news
Ecma TC39

NationJS Call for Papers (in Washington DC on Nov 30-Dec 1) news

A Quick Practical Example of JavaScript’s 'reduce' Function tutorial
JP Sio

Unit Testing Angular Applications with Jest tutorial
Fabrizio Fortunato

Lazy Loading: Code Splitting NgModules with Webpack tutorial
Todd Motto

The Story of Snipcart's Progressive Migration from Backbone to Vue.js story
Snipcart

Code Splitting Patterns in Vue.js video
Sean Larkin

The Ultimate Guide to JavaScript Fatigue: Realities of Our Industry opinion
Lucas Fernandes da Costa

Realtime updates on web and mobile that just work tools
Trusted by 150k developers. Add in-app notifications, live dashboards & more to any site in minutes, for free.
Pusher  Sponsor

sphinx-js: A Better Way to Document Large-Scale JS Projects tools
Brings JSDoc support to the popular Python Sphinx tools.
Erik Rose

Moon: A Minimal, Blazing Fast UI Library code
Kabir Shah

image-compressor: A Simple JavaScript Image Compressor code
Useful to reduce image sizes client-side before uploading. Demo here.
Xkeshi

Spacetime: A Lightweight Way to Handle Timezones in JS code
Timezone-friendly date and time manipulation. Node and browser.
Begin

Cthulhu: Extend Redis with JavaScript Modules code
Invokes commands from Redis in a JavaScript interpreter.
Marco Cecconi

Adaptive, Live and VoD 360 Streaming in HTML5 on Desktop & Mobile and Native apps 
Bitmovin  Sponsor

Ghost 1.0: The Popular Node.js Blogging System Hits 1.0 code
GitHub repo.
John O'Nolan

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


#346: JS oddities, V8 6.1, and an online VS Code IDE for JavaScript

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 346 — August 4, 2017
Around 40 examples of ‘quirky’ JavaScript code with unexpected results or outcomes. Mostly interesting to learn about odd edge cases.
Denys Dovhan

Get the VS Code experience in your browser. Introductory post here.
Eric Simons

In beta until the release of Chrome 61, 6.1 has a smaller binary, includes some significant performance improvements when iterating over maps and sets, and asm.js code is now transpiled to WebAssembly.
Mathias Bynens

Sencha, Inc
Multi-directional scrolling with a fixed header, paging, grouping and editing data in cells are just a few of the capabilities of the ExtReact grid. Try ExtReact for free to see how easy it is to add the grid and many other components into your apps.
Sencha, Inc   Sponsor

Nuxt.js is a framework for bringing server-side rendering (SSR) to your Vue.js apps, similar to how Next.js does with React.
Olayinka Omole

Adopting a more functional approach let the author stop using bits of JavaScript he didn’t like.
Joel Thoms

A practical introduction to service workers (scripts that run in the background separate from a Web page context) and how to easily create one using Ember.
Adnan Chowdhury

Jobs Supported by Hired.com

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

In Brief

TypeScript's Type System is Turing Complete news
Henning Dieterichs

webpack Awarded $125,000 By Mozilla news
To implement first-class support for WebAssembly.
Sean T. Larkin

Register for the Polymer Summit in Copenhagen on 22-23 August news
Learn more about the talks and workshops at this year's Polymer Summit, and see who our amazing speakers are.
Google, Inc.  Sponsor

W3C Launches a WebAssembly Working Group news
Bradley Nelson

Machine Learning Comes to Your Browser with JavaScript news
With a new JS library that runs Google’s TensorFlow in the browser.
InfoWorld

A Look at the 'Null Propagation Operator' Proposal tutorial
Provides an alternative to endless null checks.
Nicolás Bevacqua

Creating Custom Inputs with Vue.js tutorial
Understand how v-model works on native inputs and custom components.
Joseph Zimmerman

A Reintroduction to 'this' in JavaScript tutorial
Zell Liew

Build your first JavaScript, Android, or iOS app with MongoDB Stitch tutorial
Get started with the beta release of MongoDB's backend-as-a-service with step-by-step tutorials and sample apps.
MONGODB  Sponsor

How the Proposed 'Class Fields' for JavaScript Would Work tutorial
Dr. Axel Rauschmayer

D3 in Depth: An Intermediate Guide to Building D3 Visualizations tutorial
Peter Cook

JavaScript Riddles for Fun and Profit video
Poses a series of ever more challenging JavaScript riddles and brain-teasers.
Dan Shappir

Use const Until You Have to Use let opinion
Vince Campanale

Why We Broke Our Philosophical Vows to Bring You CircleCI 2.0 story
CircleCI  Sponsor

Vuestic: A New Vue.js-Powered Admin Dashboard code
Demo here.
Epicmax

Express Gateway: A Microservice API Gateway Built on Express codenode

Turf: A Modular (Geo)Spatial Analysis Engine code
Morgan Herlocker

Glamorous v4 Released: CSS Styling for React Components code
Kent C. Dodds

ProseMirror: A Toolkit for Building Rich-Text Editors for the Web code
Marijn Haverbeke

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

#347: Using ES Modules in Node Today

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 347 — August 11, 2017
@std/esm is a spec-compliant ES module loader for Node 4+ allowing you to transition more smoothly from CommonJS.
John-David Dalton

Some approaches for sharing data between callbacks (which each have their own scope).
Dr. Axel Rauschmayer

Frontend Masters
Join Kyle Simpson, author of the popular “You Don’t Know JavaScript” book series, as he deep dives into JavaScript's core mechanics like scope, closure, this and prototypes ..plus new features in ES6 and more.
Frontend Masters   Sponsor

The stable release of Next.js v3.0 arrived this week, bringing with it dynamic import support, static export support, code splitting and more.
Arunoda Susiripala and Tim Neutkens

A complete walkthrough of bringing together browsers’ speech recognition support with Node and a third party natural language processing service.
Tomomi Imura

A look at how one library achieves the irksome ‘pop under’ effect in Chrome 59, where others seemingly fail.
LiveOverflow

Jobs Supported by Hired.com

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

In Brief

Next js13kGames Gamedev Competition Starts This Sunday news
A popular JavaScript and HTML5 coding competition for game developers.

Choose your ideal JavaScript framework with the GrapeCity SPEC App 
Speed, Productivity, Ecosystem, and Compatibility. Let us help you find the best framework for your team.
GrapeCity Wijmo  Sponsor

6 Ways to Detect Chrome Headless tutorial
If you want to detect bots or scrapers, say.
Antoine Vastel

How To Get Started with V8 Development? tutorial
Franziska Hinkelmann

Closing Iterables is a Leaky Abstraction tutorial
Reg Braithwaite

How Angular Protects Us From XSS Attacks tutorial
Dor Moshe

The Consequences of Frozen Prototypes on V8 tutorial
Benedikt Meurer

How To Build a GitHub Search UI with React tutorial
Divyanshu Maithani

Aggregating Cherry-Picked Lodash Methods In An App Module tutorial
Ben Nadel

A Look at the ES proposal for 'Promise.try()' tutorial
Dr. Axel Rauschmayer

Reduce time spent debugging by 90% 
Instantly know what's broken and why. Rollbar is monitoring, alerting, analytics for production errors. Try it.
ROLLBAR  Sponsor

Why You Should Use PureScript opinion
A functional language that compiles to JavaScript.
Phil Freeman

An Angular Performance Checklist video
Minko Gechev

Britecharts 2.0 Released tools
Britecharts is Eventbrite’s D3.js component-based charting library.
Marcos Iglesias

DisplayJS: A Lightweight JS Framework for Building Ambitious UIs tools
Arthur Guiot

Realtime updates on web and mobile that just work 
Pusher  Sponsor

Nano ID: Tiny, Secure URL-Friendly Unique String ID Generator code
Andrey Sitnik

Posterus: Composable Async Primitives ('Futures') with True Cancelation code
Nelo Mitranim

Ream: A Framework for Building Universal Vue.js Apps code
REAM

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

#348: How Async/Await Will Make Your Code Simpler

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 348 — August 18, 2017
What could we improve if instead of sending text source code over the wire we sent a binary representation instead?
David Teller

.. or “How I Learned to stop writing Callback Functions and love JavaScript ES8.”
Patrick Triest

How Object#toString performs in the V8 engine, why it’s important, how it changed with ES2015 symbols, and how to speed it up.
Benedikt Meurer

Bugsnag
“We can fix bugs in 30 minutes instead of 2 days. Our customers hardly see any bugs because we fix them right away.” Track all handled and unhandled errors, know instantly which errors to prioritize and troubleshoot efficiently. Learn more.
Bugsnag   Sponsor

An explainer of V8’s bytecode format - think of bytecode as made up of “small building blocks that make up any JS functionality when composed together”.
Franziska Hinkelmann

Featuring Ray Camden and TJ Vantoll looking at changes in JavaScript development in recent years. It’s next Wednesday (23rd).
Certified Fresh Events

Preact is a popular React-compatible alternative focused on being as thin and light as possible.
Yomi Eluwande

Did you know we have a sister Node newsletter with all the Node news? This week covers Node 8.4, facial recognition, and how Node’s hash flooding vulnerability was fixed.
Node Weekly

Jobs Supported by Hired.com

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

In Brief

Top-Level 'await' Now Supported in Chrome DevTools' Console news
Umar Hansa on Twitter

Announcing TypeScript 2.5 RC news
Microsoft

A Feature Watch on ECMAScript 2018 (Updated) news
Dr. Axel Rauschmayer

The State of CSS in Angular news
Stephen Fluin

Get Your Dream Job In Tech - Learn to Code at Fullstack Academy course
Fullstack Academy is the nation's leading coding school - Our graduates get hired at Google, Facebook and Amazon.
Fullstack Academy  Sponsor

Beyond 'typeof' and 'instanceof': Simplifying Dynamic Type Checks tutorial
Dr. Axel Rauschmayer

Using ES2017 Async Functions tutorial
Ever struggled with reasoning about asynchronous JavaScript?
Eric Windmill

Building a realtime React VR app tutorial
Discover how you can create a realtime React VR app, using websockets to support multi-user interactions in a WebVR experience.
Pusher  Sponsor

Repatch: The Simplified, Less Verbose Redux tutorial
A thorough introduction. GitHub repo.
Péter Hauszknecht

Building a Multiplayer Tic-Tac-Toe Game with Meteor tutorial
Paul Orac

A Look at the 'Optional Catch Binding' ES Proposal tutorial
Would let us use ‘catch’ without defining a parameter.
Dr. Axel Rauschmayer

Folding Promises in JavaScript tutorial
Covers endomorphism, isomorphism, homomorphism and catamorphism.
Vladimír Gorej

5 Ways to Make HTTP Requests in Node tutorialnode
Overviews of ‘http’, Request, Axios, SuperAgent, and Got.
Twilio

Wrap Web Components with React - Use your fav non-React libraries in a React Way tutorial
SitePen  Sponsor

Webpack Tips for Efficient Bundling video
Google Chrome Developers

Angular vs. React: Which Is Better for Web Development? opinion
A pretty in-depth code-driven comparison.
Brandon Morelli

Up: A Rapid Way to Deploy Serverless Apps and APIs tools
TJ Holowaychuk

Puppeteer: A Headless Chrome Node API by the DevTools Team codenode
Google

Bubb Infotop: Tooltips with No Dependencies code

Songbird: Spatial Audio Encoding on the Web code
A real-time spatial audio encoding JavaScript library for WebAudio applications. Repo here.
Google

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

#349: React in a single post, Node forked, and using JS in key-value stores

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 349 — August 25, 2017

August is always a quiet time in the programming world as people are enjoying vacations or the weather rather than creating articles or new projects :-) Bear with us, things always pick up in September. Till then, to suggest items for future issues you can tweet us @JavaScriptDaily or hit reply to this email.

Your editor,
Peter Cooper

A practical introduction to the fundamentals of React for those who are already familiar with JavaScript and know the basics of the DOM API.
Samer Buna

A look at JavaScript’s potential in a high performance database setting, based around this academic paper (PDF).
Adrian Colyer

The fork is called Ayo. It stems from a controversial vote to remove a member (Rod Vagg) from Node’s TSC, and Rod has also responded in turn.
The New Stack

Progress
2017 predictions for the key and rising JavaScript libraries and frameworks and JS’s New Frontiers in this whitepaper.
Progress   Sponsor

Scope tells the compiler where to look for variables & functions when it needs them - Wissam Abirached explains the different ways this works in JavaScript.
Telerik Developer Network

Thanks to transpilers, front-end apps are no longer limited to JavaScript. James Kolce summarizes 10 other languages that compile to JS.
SitePoint

More interesting than it sounds as it explains the absolute basics and also has a code-driven screencast alongside it.
Per Harald Borgen

Facebook reacts to Apache’s recent critique of React’s ‘BSD + Parents’ license by explaining how it helps them contribute to open source.
Facebook Code

Jobs Supported by Hired.com

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

In Brief

Polymer 3.0 Preview: Moving to npm and ES6 Modules news
Polymer Project

Vue.js + Brunch: The Webpack Alternative You've Been Hungry For tutorial
Anthony Gore

The Observer Pattern in JavaScript Explained tutorial
Pawel Grzybek

Typing 'import' Statements More Quickly tutorial
Includes a snippet for VS Code.
Dr. Axel Rauschmayer

A Crash Course in Just-In-Time (JIT) Compilers tutorial
From earlier this year but definitely worth it.
Mozilla Hacks

Building a realtime feed with Node.js and AMP tutorial
Discover how you can create a realtime React VR app, using websockets to support multi-user interactions in a WebVR experience.
Pusher  Sponsor

Taking Advantage of the Angular Material Datepicker tutorial
Angular Blog

10 JavaScript Concepts You Need to Know for Interviews tutorial
Arnav Aggarwal

An In-Depth 45 Minute Look at Async/Await video
YouTube

The Power of Elm in JavaScript opinion
Franzé Jr

Are content changes wasting your time? Add CMS anywhere on your site tools
Empower non-technical users to change content themselves, avoiding back-and-forth edits.
Component IO  Sponsor

vx: Reusable D3 Visualization React Components tools
Brings together d3’s math skills with React’s DOM-updating skills. Demos here.
Harrison Shoff

fuzzysort: Fast SublimeText-like Fuzzy Search for JavaScript code
Stephen Kamenar

GraphicsJS: An Elegant Browser Graphics Library code
AnyChart

Text Mask: Text Input Masking, with Wrappers for Frameworks code
Supports phone numbers, dates, emails and more.
Text Mask

seamless-immutable: Immutable Data Structures Compatible with Normal Objects code
Richard Feldman

The Side Effects of Stubbing 'console' in Tests 
Gyandeep Singh

Build an app using MongoDB and Node.js tools
MONGODB  Sponsor

P.S. A big shoutout to a new subscriber who mentioned us on Instagram earlier today.

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

#350: How Properties Work in the V8 Engine

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 350 — September 1, 2017
A look at how V8 handles object properties. Worth a read to have a technical, under-the-hood idea of what’s going on in the V8 engine.
Camillo Bruni

An interesting accident. The bug report goes into more detail, including why it’s happening.
Twitter

An intro to using functional programming concepts to work around the headaches of null checking and undefined objects.
Alex Young

Reduce time wasted debugging. Automatically capture errors in JavaScript apps. Rollbar detects when code breaks in real-time and provides full stack trace and diagnostic data to help you defeat JavaScript errors. Learn more.
Rollbar   Sponsor

What would it take to extend concurrency to the entire JavaScript heap? A WebKit engineer goes in-depth with some ideas.
Filip Pizlo

Calling itself a spiritual successor to request, r2 uses the Fetch API in the browser, and a shim for Node.
Mikeal Rogers

Microsoft’s typed JavaScript subset takes another step forward with mostly minor fixes and improvements such as optional ‘catch’ binding params and refactoring tools.
Microsoft

A look at the complexities and the process behind migrating a large CoffeeScript codebase to modern JavaScript.
Kevin Gao

Jobs Supported by Hired.com

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

In Brief

Watch the Nordic.js Livestream Next Week (Sep 7-8) news
If you can’t get to the conference, let it come to you. Speakers here.
Nordic.js

JSConf Budapest Taking Place on Oct 26-27 in Budapest, Hungary news

The What, How, and Why of Using Higher-Order Components in React 
Not just for authentication systems, they deserve a significant place in your design pattern tool belt.
SitePen  Sponsor

JavaScript Scope and Closures: A Useful Primer/Explainer tutorial
Zell Liew

Writing Abstract Components with Vue.js tutorial
Joshua Bemenderfer

The 7-Step Process of Angular Router Navigation tutorial
Jurgen Van de Moere

Doing a 'FizzleFade' Effect using a Feistel Network in JS tutorial
Salvatore Sanfilippo

Preloading ngrx/store with Route Guards tutorial
Todd Motto

A Quick Overview of JS Iterables and Iterators tutorial
David Tang

Going From Callbacks to Using Async/await tutorial
Diogo Spínola

Build a secure chat web app with JavaScript, Auth0 and Pusher tutorial
Pusher  Sponsor

Measuring Performance Gains Going From Angular to React opinion
Gupta Garuda

Is Vanilla JavaScript Worth Learning? Absolutely. opinion
David Kopal

Why We Moved From Angular 2 to Vue.js (and Didn’t Choose React) opinion
Rever Score

The What, Why and How of async/await in JavaScript video
Fun Fun Function

Using Docker and Codeship for NodeJS Development 
Check out this free eBook by Codeship Dev Evangelist Kelly Andrews and learn how to use Docker and Codeship to develop and test a NodeJS app.
Codeship  Sponsor

Jest in Case: A Jest Utility for Creating Variations of the Same Test tools
GitHub repo.
James Kyle

Number Picture: React Components for Composing SVG Visualizations code
GitHub repo.
Finn Fitzsimons

Lozad: Performant Lazy Loading with the Intersection Observer API code
Apoorv Saxena

Push 1.0: A JavaScript Notification Framework code
A versatile cross-browser way to work with desktop notifications.
Tyler Nickerson

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

#351: Package Manager Yarn Reaches Version 1.0

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 351 — September 8, 2017
The Yarn JavaScript package manager is now used by 175,000 projects on GitHub and responsible for 3 billion package downloads per month.
Facebook Code

A developer at Google shares a sneak preview of a tool (still in alpha) for more efficient builds of large Angular apps.
Alex Eagle

Google, Inc.
Connect with Chrome engineers and other leading developers for a two-day exploration of building beautiful and performant experiences at the Yerba Buena Center for the Arts on 23-24 October.
Google, Inc.   Sponsor

Oriented around Hapi, React, React Router v4, Redux, Postgres, and NGINX. GitHub repo.
Tane Piper

Ditch console.log debugging once and for all by learning to use breakpoints to debug code within the DevTools.
Brandon Morelli

If ultra-light alternatives to things like React appeal to you, innerself is worth checking out, even if just for the explanation of how it works.
Staś Małolepszy

An informative take on how to choose the best framework for your next project.
Jens Neuhaus

Explains the reasoning behind Webpack, and what makes it more than a mere bundler.
Jack Histon

A trip down one of JavaScript’s many interesting rabbit holes. “It makes sense, honestly”, says the author.
Abinav Seelan

Jobs Supported by Hired.com

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

In Brief

confs.tech: An Up-to-Date List of Upcoming JS Conferences news

Quokka.js Live JavaScript Scratchpad Now Available for Atom news
Artem Govorov

Using terminal to view test results is a productivity killer 
It's like browsing the web in a text-based browser. We deliver test results in realtime to your editor.
Wallaby.js  Sponsor

Building a Simple Notes Manager with Vue.js tutorial
Yanis Triandaphilov

Building a Mini Card Game with Polymer 3.0 Preview tutorial
Jecelyn Yeen

Don’t Be Afraid of Headless Chrome: Why and How to Use It for Ember Testing tutorial
Jen Weber

Building TDD RESTful APIs with Koa 2, Mocha and Chai tutorialnode
Valentino Gagliardi

It’s OK to Not Use Yarn opinion
“Is there something wrong with using Yarn? Yes, there is, if you don’t need it.”
David Gilbertson

Micro Frontends: Extending Microservice Ideas to Frontend Development opinion
Micro Frontends

How I Convinced Our CTO to Switch From CoffeeScript to ES6 story
Zach Schneider

#1 Way to Detect, Diagnose and Defeat Errors 🏆 tools
Rollbar detects when code breaks in real-time. Get stack trace and diagnostic data to defeat errors.
ROLLBAR  Sponsor

AssemblyScript: A Subset of TypeScript That Compiles to WebAssembly tools

Fastify: Fast and Low Overhead Web Framework for Node.js codenode

LookForward.js: Easily Create Smooth Transitions Between Pages code

vue-accordion-menu: A Simple Vue 2 Accordion Menu Component code
Wesley Chang

React-PDF: Display PDF Files in Your React App code
Demo here.
Wojciech Maj

Rythm.js: A JavaScript Library That Makes Your Page 'Dance' code
Demo here.
Benjamin Plouzennec

Realtime Updates on Web and Mobile That Just Work 
Pusher  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. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

#352: How Memory Management Works

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 352 — September 15, 2017
.. and how to handle 4 common memory leaks. A good primer for anyone not familiar with the depths of memory management.
Alexander Zlatkov

babel-macros is a new Babel plugin for implementing zero-config, importable code transformations.
Kent C. Dodds

V8’s latest branch is in beta until its release in Chrome 61 and it’s packed with developer-facing goodies including extra performance, more regex features, and an increased max string length.
Mathias Bynens

Frontend Masters
Get free access to upgrade your skills with in-depth and modern front-end engineering courses. Don't delay — these courses are only free until Tuesday.
Frontend Masters   Sponsor

“If you’re interested in predicting the future of the web, just look at what high-performance native systems look like, then figure out how we can apply those ideas in the browser.”
Tom Dale

“It makes far more sense to write modules that directly use new browser APIs and polyfill for Node.js and older browsers when necessary.”
Mikeal Rogers

An interesting glimpse ‘under the hood’ of Chrome’s JavaScript engine for a specific array-oriented optimization.
Mathias Bynens

Are you an Angular dev looking to get started with React? If so, join Mark Brown for a guided tour of the differences and similarities.
SitePoint

Jobs Supported by Hired.com

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

In Brief

What's New in Node 8.5? news
Node 8.5.0 was released this week.
RisingStack Engineering

Planning for Babel 7.0: What's Happening news
Henry Zhu

Using ES Modules Natively in Node.js tutorial
Starting with v8.5 Node can support ES modules natively.
Dr. Axel Rauschmayer

Get to Know The Actor Model in JS tutorial
A gentle introduction to the foundational concepts.
Roberto Dip

HTML Templates via ES6 Template Literals tutorial
Chris Coyier

How to Create A 'Favorite' Animation with Anime-js tutorial
Mikael Ainalem

View and Remove JS Event Listeners in Chrome DevTools tutorial
Umar Hansa

How to Improve Webpack Performance in Large Projects tutorial
Slides and audio, but the post includes some written tips as well.
Robert Gay

Building an Accessible Data Grid 
Take a look at how Wijmo made FlexGrid accessible with ARIA standards and more.
GrapeCity Wijmo  Sponsor

4 Tips for Retaining Strong-Typing in Tests with TypeScript opinion
Just In Time Coder

What I Love and Hate About Flow opinion
Flow is a static type checker for JavaScript.
Chris Grimes

A Brief, Incomplete History of JavaScript story
Where did things start and how did we get to where we are now?
Christopher Buecheler

Advanced Dependency Injection Without Classes video
Fun Fun Function

Size Limit: Prevent JS Library Bloat tools
If you accidentally add a huge dependency, Size Limit will throw an error.
Andrey Sitnik

Create Beautiful, Dynamic React Apps with a Single Component Library - Try ExtReact for Free Today 
Sencha, Inc.  Sponsor

Classwrap: A JS Utility for Conditionally Concatenating Class Names code
Jorge Bucaran

p-progress: Create A Promise That Reports Progress code
Sindre Sorhus

words-to-numbers: Convert Textual Words to Numbers with Fuzzy Text Matching code
Finn Fitzsimons

jquery-punchcard: jQuery Plugin for Creating GitHub Punchcard-Like Graphs code
Menelaos Vergis

Power, Flexibility, and Control with CircleCI 2.0 
CircleCI  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. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK


#353: Quantifying Detectable Bugs in JS

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 353 — September 22, 2017
A summary of an academic paper that concludes both Flow and TypeScript are good at preventing bugs that could end up in committed code.
Adrian Colyer

Plenty of JS terminology explained, along with code examples, in this thorough guide.
Manuel Beaudru

JavaScript telemetry gives a timeline of browser events leading to an error, including interaction events, like clicks, inputs, navigation and console messages + more. Debug better w/ telemetry and know why your app crashed.
ROLLBAR   Sponsor

This new release of the controversial compile-to-JS language preserves its clean syntax but bridges the gap with ES6 and beyond.
CoffeeScript

The CEO of Ionic suggests that incompatibility between component models results in framework churn and that Web Components will provide a resolution.
Max Lynch

An example-driven tour of the key features of ES6/ES2015, if you’re not quite there yet.
Łukasz Kyć

Using the new `script type=”module”` approach gives us some benefits merely beyond loading ES modules alone - it guarantees ES6/ES2015 support.
Philip Walton

Jobs Supported by Hired.com

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

In Brief

Angular v5 Release Delayed to October news
It was originally due this week.
Dor Moshe

Upcoming TypeScript Changes in Vue 2.5 news
Evan You

How to Build Your Own Fax Machine with Tessel, JavaScript and Twilio tutorial
The death of fax has been greatly exaggerated! Twilio Programmable Fax allows you to send and receive fax in the cloud.
Twilio  Sponsor

Modern Ways to Use C++ in JavaScript Projects tutorialnode
Maga D. Zandaqo

Subclassing Arrays in ES2015 tutorial
David Tang

U Go Hue Go: Controlling Philips Lights with Angular & Kendo UI tutorial
Tara Manicsic

5 Favorites in Emerging Web Standards 
SitePen  Sponsor

How I Cut My Webpack Bundle Size in Half story
Justin Duke

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

billboard.js: A Simple Chart Library Based on D3 V4 code
v1.1.0 has just been released.
Naver Corp

Vuetify: A Material Design Component Framework for Vue.js 2 code

Dexie 2.0: A Minimalistic Wrapper for IndexedDB code
Provides a neater API and error handling for the IndexedDB browser database API.
David Fahlander

mongoist: A MongoDB Driver for Node Built with async/await In Mind code
Christoph Walcher

ngraph.path: Fast Path Finding for Arbitrary Graphs code
Demo here.
Andrei Kashcha

winamp2-js: A Reimplementation of Winamp 2.9 in HTML5 & JavaScript code
‘Whipping the llama’s ass’ with JS. Demo here.
Jordan Eldredge

Nano Events: A 119 Byte Event Emitter Library code
Andrey Sitnik

AR.js: Efficient Augmented Reality for the Web code
Jerome Etienne

Bosket: Tree View Components for React, Angular, Vue and Riot code
Julien Elbaz

Wretch: A Tiny Wrapper Around Fetch with an Intuitive Syntax code
Julien Elbaz

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

#354: React 16 Released

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 354 — September 29, 2017
The final release of React 16 is here, with rewritten ‘Fiber’ internals. There’s a lot more React 16 stuff in today’s React Status newsletter.
Facebook Code

Recently, there have been some issues involving patent-related features, but Facebook is now moving some of its projects to a standard MIT license.
Facebook Code

JavaScript telemetry gives a timeline of browser events leading to an error, including interaction events, like clicks, inputs, navigation and console messages + more. Debug better w/ telemetry and know why your app crashed.
ROLLBAR   Sponsor

Draggable abstracts native browser events into a modular API for you to build custom, and potentially complex, drag and drop experiences.
Shopify

Learning by building in action in this step-by-step tutorial to help you understand how Promises work.
Trey Huffine

Wissam Abirached explains context and the this keyword in JavaScript, the difference between explicit and hard bindings and what the new keyword represents.
Telerik Developer Network

It’s pitched at being an ideal step up for developers comfortable with jQuery who want to move on to something else.
Mateusz Łuczak

Speakers Holly Schinsky & Jen Looper will be covering Vue & Preact next Thursday (Oct 5).
Certified Fresh Events

Jobs Supported by Hired.com

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

In Brief

BigInt: A Proposal for Arbitrary Precision Integers in JS news
Ecma TC39

Write Less Code, Use More Tools 
Our outrageous decision to orchestrate Nomad with Kubernetes.
CircleCI  Sponsor

A Brief History of Modularity in JavaScript tutorial
Nicolás Bevacqua

ES6 Promises: Patterns and Anti-Patterns tutorial
Bobby Brennan

Exploring set(), get() and Object.defineProperty() in TypeScript tutorial
Todd Motto

Why Node 8's util.promisify Is So Awesome tutorialnode
James Jeffery

Love fraud? You’re going to hate Blockchain 
SitePen  Sponsor

Web Truths: JavaScript Can’t Be Trusted opinion
Christian Heilmann

The Past, Present, and Future of the Angular CLI story
Stephen Fluin

ECMAScript, TC39, and the History of JavaScript video
Tyler McGinnis

Rapid prototyping playground for JavaScript in your editor 
Run any code and see the results immediately right in your editor. Supports VS Code, Atom and JetBrains IDEs.
Wallaby.js  Sponsor

CheerpJ, a Java to JavaScript Compiler, Now in Beta tools
Compile unmodified Java apps to JS for running in the browser.
Leaning Tech

Cerebral: Declarative State and Side Effects Management for JS Frameworks code
An intriguing idea, at least.
Christian Alfoni

Cherow: A Fast, TypeScript-Based JavaScript Parser code
KFlash

Slack JS 9.0.0: A JS Client for Slack's Web API code
Brian Leroux

vue-a11y-calendar: An Accessible, Internationalized Vue Calendar code
IBM

ppipe: Pipes Values Through Functions code
An alternative to using the proposed ‘pipe’ operator for ES.
Yavuz Ege Özcan

Sheet: A Simple Spreadsheet in 220 Bytes of HTML and JS code

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

#355: Await and Async Explained

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 355 — October 6, 2017
A tutorial that explains the new await/async features in ES2016 for more easily working with asynchronous functions.
Nikolay Grozev

The Ember.js core team is busy at work on the latest version of Ember, due next year, and they explan what they’re working on here.
Matthew Beale

Frontend Masters
Get up and running in a hurry with the Vue.js JavaScript framework. Learn how to build and maintain complex applications quickly and efficiently in this practical guide to Vue.js by Sarah Drasner.
Frontend Masters   Sponsor

Ahmed Bouchefra takes a look at Preact, a lightweight React alternative that’s well suited to high-performance apps and slow 2G networks.
Ahmed Bouchefra

A deep dive into a recently implemented V8 performance improvement oriented around how functions are optimized and deoptimized.
Juliana Franco

All natively supported in this week’s npm v5.5 release.
The npm Blog

Proxies, introduced in ES2015/ES6, make it easy to intercepting fundamental operations on objects and customize their behavior. There has been a lot of effort recently to optimize them in V8.
Maya Lekova

Jobs

In Brief

TypeScript Turns 5 Years Old news
Microsoft

Winners of the Recent js13kGames Gamedev Contest news
It’s amazing what can be done in such little space.
js13kGames

Announcing Assert(js) – An all JavaScript Testing Conference news
OK GROW!  Sponsor

The Many Faces of 'this' in JavaScript tutorial
Michał Witkowski

Asynchronous Stack Traces: Why 'await' Beats .then() tutorial
Mathias Bynens

How to Run ESLint on File Save in IntelliJ, VS Code and Sublime Text tutorial
Tomasz Netczuk

Publishing What You Mean to Publish on npm tutorial
You only want to share as much as you intend in an npm package.
Adam Baldwin

Instant JavaScript test execution results right in your editor tools
Wallaby runs your tests as you type and displays code coverage, error & console messages inside your code editor.
Wallaby.js  Sponsor

Building a Mental Model for Precedence and the 'new' Operator tutorial
Ben Nadel

Supercharging Frontend Development with VS Code tutorial
Zach Silveira

Getting Your Head Around Vue.js Scoped Slots tutorial
Anthony Gore

Lessons From Migrating A Large Codebase to React 16 story
If you like this, you’ll enjoy our React-specific newsletter.
Discord Blog

Using Default Parameters in ES6 video
Tyler McGinnis

Polyfills vs Compiling with Babel video
Tyler McGinnis

Proactively detect 🕵️ and diagnose JavaScript errors affecting your users tools
Debug JS apps with fully deminified stacktraces. Get tools to reduce front-end noise so you can assess impact.
Bugsnag  Sponsor

Falcor 1.0 Released: An Efficient Data Fetching Library code
Netflix

a11y-dialog: A Very Lightweight and Flexible Accessible Modal Dialog code
Edenspiekermann

Vuera: Use Vue Components in React, and React Components in Vue code
Alexander Komarov

CsvBuilder: Encode JSON Objects to CSV with a Schema-Like API code
Nick Pisacane

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

#356: Setting Up Webpack, Babel and React From Scratch

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 356 — October 13, 2017
Marijn Haverbeke is working on a new edition of the perennially popular JavaScript book, but needs your help to fund it.
Marijn Haverbeke

An updated, detailed step-by-step guide for getting set up, following best practices and giving you a solid ground to start from.
Stanko Tadić

GrapeCity Wijmo
With no dependencies and a small footprint, Wijmo FlexGrid is built for speed and extensibility. You'll get built-in, first-class Angular support, an Excel-like interface, sorting, globalization, filtering, group panels, and row details.
GrapeCity Wijmo   Sponsor

Has a lot of features including timeline charts, value highlighting, and a sparkline mode for dense data.
Taucraft

What you can do about memory leaks in recursive loops.
Alexandru Nedelcu

An opinionated, open-source toolkit for building Angular-based apps using patterns that suit enterprise-style development.
Victor Savkin

ProseMirror, which lets you bridge the gap between Markdown-style text editing and classical WYSIWYG editors, has reached a key milestone.
Marijn Haverbeke

Jobs

In Brief

Announcing TypeScript 2.6 RC news
Microsoft

Next.js 4 Released: A Framework for Universal React Apps news
With performance and styling upgrades.
ZEIT

Webinar: Build Better React Apps Faster with Kendo UI for React news
In this webinar we’ll show you the power of Kendo UI and how easy it is to use it in your React development.
Kendo UI  Sponsor

Redux Explained in 30 Seconds tutorial
About as tight an explanation as you could hope for.
Ross Creighton

How to Use ES6 Arrow Functions to Make Your Code Easier to Read tutorial
Both written and video form, however you prefer to learn.
Tyler McGinnis

The 2 New Features in ES7 and How They Work tutorial
Tiago Lopes Ferreira

How The JS Event Loop and Async Programming Works tutorial
Perfect if single thread/event loop/blocking concepts are new to you.
Alexander Zlatkov

Step Up Your JavaScript: A Comprehensive Guide to Intermediate JS tutorial
Advance your understanding of JavaScript. Be able to answer interview questions that stump many developers.
Educative  Sponsor

How We Run NPM Packages in the Browser story
Magnus Holm

Regexly: A WYSIWYG Regex Playground for JavaScript Developers tools
Chipto

date-fns: A Modern JavaScript Date Utility Library code
It’s essentially ‘lodash for dates’.
Lesha Koss et al.

ST: JSON Selection and Transformation Methods code
Adds methods to the JSON object for powerful JSON filtering or transformation.

handorgel: Accessible Web 'Accordion' Widget Written in ES6 code
Manuel Sommerhalder

Smooth Scrollbar: Customizable, High Performance Scrollbars code
If you want more control over your page’s scrolling..
Dolphin Wood

MapTalks.js: A Light Library to Create Integrated 2D/3D Maps code
Play with some examples here.

luma.gl: A JS WebGL2 Framework for Data Visualization code
Uber

Vue-Model: A Model Component for Vue.js code
Transform plain data into models with HTTP actions, computed properties, and methods.
Aaron Francis

A JavaScript Tetris Clone in Under 512 Bytes code
Readme/repo here (explains some of the tricks used).
Rebecca and JS Codegolf Team

JavaScript Telemetry: Black Box Recorder for App Crashes 
Rollbar  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. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

#357: Vue 2.5, an ES2015+ cheatsheet, and how to stop using jQuery

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 357 — October 20, 2017
A walkthrough of using RxJS, Angular, Web Bluetooth, and an EEG headset to monitor brainwaves and perform actions based on eye blinks.
Uri Shaked

The latest Vue, billed “Level E”, comes with better TypeScript integration, error handling, and improved support for functional components.
Evan You

Raymond Camden explains the steps he’s taken to wean himself off a dependence on jQuery for a number of common frontend development tasks.
Telerik Developer Network

CircleCI
Yes, “digital transformation” is a buzzword having its moment right now. But what is behind the buzz?
CircleCI   Sponsor

An interesting Microsoft project that offers a V8 JavaScript runtime oriented around multiple V8 instances running at the same time and the communications between them.
Microsoft

A one-page guide to features added in ES2015 and beyond.
Devhints

A 20 minute talk looking at code coverage, type profiling, and a deep dive into how evaluating a code snippet in DevTools console works in V8.
Yang Guo

Not using something like Prettier to format your code yet? The author tries to sell you on why it’s a good idea.
Artem Sapegin

PayPal has open sourced a suite of libraries for building JavaScript experiences that work well on third party sites that embed them.
Daniel Brain

Jobs

In Brief

Mozilla, Microsoft, Google, and W3C to Work on MDN Docs Together news
Mozilla

CKEditor 5 Rich Text Editor Released news
Frederico Knabben

Creating End-to-End Tests That Don’t Suck with Puppeteer tutorial
Puppeteer lets you control headless Chrome from JavaScript.
Trevor Miller

Introduction to InfluxDB and TICK Stack tutorial
Learn how to get up and running with the fastest growing open source TSDB.
InfluxData  Sponsor

An Imperative Guide to Forms in Vue.js tutorial
LogRocket

Using Three.js for 2D Data Visualization tutorial
Grant Custer

Writing Smarter Web Animation Code with GSAP tutorial
Carl Schoof

Building a 'Modem' with Web Audio tutorial
An interesting way to transmit data in audio form.
Martin Kirkholt Melhus

Build A Real-Time Chat App with Vue.js, Vuex and Cloud Firestore tutorial
Lachlan Miller

Have you met Predix, the Premier Industrial Internet Platform? 
See how Predix is connecting machines, intelligence, and people to drive operational and business outcomes that matter.
GE Digital  Sponsor

Migrating Towards Yarn and Webpack story
.. from Require.js, Grunt and npm.
Wingify Engineering

accessibilityjs: A Client-Side Accessibility Error Scanner tools
GitHub uses this to scan for inaccessible UI elements.
GitHub

ES Check: Checks The Version of ES Used in Source Files tools
Dollar Shave Club

JavaScript Telemetry: Black Box Recorder for App Crashes tools
ROLLBAR  Sponsor

Redux Zero: A Simpler 'Redux Lite' code
A lightweight state container based on Redux with a single store and no reducers.
Matheus Lima

Anime.js: A JS Animation Library for the Web code
Julian Garnier

rmodal.js: A Simple 1.2 KB Modal Dialog with No Dependencies code
Iskren Slavov

Schnack.js: A Disqus-like Commenting Drop-in for Static Sites code
A commenting system build on Node.js and SQLite3.
Gregor Aisch

P.S. Love React? We have a React newsletter too, you can see today's issue here.

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

#358: The V8 Engine, Today and in the Future

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 358 — October 27, 2017
The latest branch of the V8 engine will make its first appearance in Chrome 63. Performance increases are the order of the day, plus three ‘stage 3’ ECMAScript features.
Michael Hablich

While native Web Component support isn’t 100% yet, polyfills are available, and this tutorial walks through what’s involved to create your own HTML tags as components.
Ayush Gupta

RAYGUN
Debug your JavaScript with greater speed and accuracy using these lesser-known tips and tricks.
RAYGUN   Sponsor

“Don’t waste your time wedging dependency injection into your app so you can mock the whole world. Chances are very good that it’s hurting you more than it’s helping.”
Eric Elliott

Describe your data requirements with a GraphQL query, and Apollo Client manages the rest. Works with React, Angular, Vue, etc, and used by numerous large companies.
James Baxley III

There’s a growing divide between what we write as code and what ships to users. Source maps provide access to the original source when debugging compiled apps.
Abraham Williams

Thomas Nattestad explores what recent changes to the V8 engine mean for JavaScript performance and how the V8 team evaluates improvements against the real world.
Google Chrome Developers

Frontend Focus is our sister weekly publication focused on things like HTML, CSS, browsers, etc. If you work on the front-end, check out the latest issue.
Frontend Focus

Jobs

In Brief

JS Kongress 2017: The Future of JavaScript (Nov 13-14, Munich) news
Two days on the future of JS (inc. WebAssembly and tooling). Topics include frontend architecture, webpack, React, Perf, etc.
JS Kongress

JSConf Iceland 2018: CFP Open Till October 31 news

Codeship Ranked Amongst Top 5 Continuous Integration Vendors by Forrester 
Codeship  Sponsor

Easy i18n in 10 Lines of JavaScript tutorial
A fun little use for template literals.
Andrea Giammarchi

Parser Creation in JavaScript Made Easy with Ohm tutorial
Patrick Dubroy

Debugging React Like a Champ with Visual Studio Code tutorial
James Jeffery

Screen Capture in Google Chrome tutorial
Learn how to access the screen capture capabilities of Google Chrome from within a web app.
Twilio  Sponsor

Build a Collapsible Tree Menu with Vue.js Recursive Components tutorial
Anthony Gore

Consuming Remote Data via HTTP in a Vue App tutorial
Nic Raboy

Creating an Animated Fractal in 32 Lines of JavaScript tutorial

What is RxJS? And Why You Should Know About It tutorial
Ben Lesh

Linear Algebra in JavaScript with Matrix Operations tutorial
Robin Wieruch

Predix.io Connects Edge to Cloud, Operator to Analyst tools
Predix helps you develop, deploy, and operate industrial apps at the edge and in the cloud. Sign up today.
GE Digital  Sponsor

fasy: FP Iterator Helpers That Are Async/Generator Aware code
Kyle Simpson

websocket-as-promised: A Promise-Based API for WebSockets code
Vitaliy Potapov

push.js: A Compact, Cross-Browser Solution for Desktop Notifications code
Tyler Nickerson

graphql.js: A Simple and Isomorphic GraphQL Client code
Fatih Kadir Akın

rmodal.js: A Simple 1.2 KB Modal Dialog with No Dependencies code
Iskren Slavov

Strapi.io: A Node.js Headless Content Management Framework code
Ideal for building APIs. GitHub repo.

P.S. Love React? We have a React newsletter too, you can see the latest issue here.

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

#359: Angular 5, Node 9 and TypeScript 2.6 Released

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 359 — November 3, 2017
A major release for the popular framework containing new features and bugfixes. Full changelog here.
Stephen Fluin

Clear code is easier to read, understand, and modify, and it’s easier to achieve once you’ve mastered a few key principles.
Brandon Gregory

Frontend Masters
Join Kyle Simpson, author of the popular “You Don’t Know JavaScript” book series, as he deep dives into JavaScript's core mechanics like scope, closure, this and prototypes ..plus new features in ES6 and more.
Frontend Masters   Sponsor

A new zero-dependency chart library with elegant, responsive SVG output. Offers bar, line, and GitHub-style heatmap options so far.
Prateeksha Singh

Node 8 becomes “ready for production” as it becomes the de factor LTS release version (as of Node 8.9.0). Node 9.0 (release notes) is also out and becomes the new ‘current’ release line with the latest features.
Node.js Foundation

The JavaScript superset that adds optional static types gets a variety of new features aimed at established users.
Microsoft

Ever wish you could just plug a React component into your Vue project or vice-versa? This tutorial shows you how.
Joseph Rex

Jobs

In Brief

Removing Client-Side React.js Yielded A 50% Performance Improvement news
Netflix UI Engineers on Twitter

Announcing Assert(js) – An All JavaScript Testing Conference news
A one-day, single-track conference with a laser focus on JavaScript testing for developers - both UI and Node.js.
OK GROW  Sponsor

How to Use Arrow Functions to Improve Your JavaScript tutorial
Tyler McGinnis

flow-runtime: A Runtime Type System with Flow Compatibility tutorial
A look at a Babel plugin that transpiles Flow type annotations into runtime checks.
Gajus Kuizinas

Testing HTTP Requests in Angular Has Never Been Easier tutorial
Gábor Soós

Tracing Method Calls via Proxies tutorial
Axel Rauschmayer

Emulating CSS Timing Functions with JavaScript tutorial
Ana Tudor

Logging in Angular 2+ with ErrorHandler tutorial
ROLLBAR  Sponsor

Refactoring an Old Node Library to using async/await with TDD tutorial
Tane Piper

Why ES6's Default Arguments Are Awesome tutorial
Remy Sharp

Quickly Create Simple yet Powerful Angular Forms tutorial
Kaloyan Kolev

Build a Lazy-Load Router with Vue.js and the Latest Browser Features tutorial
Anthony Gore

Screen capture in Firefox tutorial
Get access to a media stream of the screen in Firefox with this code.
Twilio  Sponsor

My Search for The Perfect Universal JavaScript Framework story
Tal Bereznitskey

Implementing Super Mario Bros in JavaScript video
YouTube

webpack-dashboard: A CLI Dashboard for Your Webpack Dev Server tools
Formidable

Fable: An F# to JavaScript Compiler tools

Element 2.0 Released: A Vue 2.0-Based Component Library code
Yi Yang

tonal: A Functional Music Theory Library code
Manipulate pitches, chords, scales, keys, etc.
danigb

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


#360: How Redux Can Make You A Better Developer

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 360 — November 10, 2017

We just noticed that JavaScript Weekly is 7 years old this week! Thanks to all of you for your ongoing support. If you want to see how far JavaScript has come, check out the first issue for a nostalgia trip (although be warned, most of the links no longer work) :-)

Your editor,
Peter Cooper

You know when hardware reviewers benchmark against Photoshop and games? This is a look at a new, similarly practical performance test for JavaScript engines.
Benedikt Meurer

A look at some of the most important changes to Angular, as well as pointers on upgrading.
Alligator

Error handling is one of those things no one wants to deal with, well in Angular you can create a global handler and never have to worry again. Here's how.
ROLLBAR   Sponsor

Turns your code into flowcharts in a variety of ways so you can more easily analyze or explain what’s going on.
Bohdan Liashenko

Proposes a way for modules to more easily make metadata about themselves available via an import.meta object.
Dr. Axel Rauschmayer

Curated from numerous popular articles this in-development list of best practices covers topics from error handling to memory use.
Yoni Goldberg

If adopted, Redux has the potential to totally change your approach to writing code and organizing applications.
Danijel Vincijanovic

A step-by-step how-to for smooth transitions from one shape to another.
Ana Tudor

Jobs

In Brief

So What's New in Node.js 9? news
Gergely Nemeth

A Feature Watch on ECMAScript 2018 (Updated) news
Dr. Axel Rauschmayer

The Road to Learn React: Learn by Building Hacker News App course
12,000+ students read the Road to Learn React. This interactive course is a complete roadmap to master React.
Educative  Sponsor

Using a Router To Navigate Between Pages in a Vue.js App tutorial
Nic Raboy

Playing with 2D Physics with Matter.js tutorial
Some pointers on getting started with Matter.js.
Will Boyd

Async/Await Explained By Way of a Clear Example tutorial
Brandon Morelli

What’s New in Angular 5: Animations tutorial
Netanel Basal

Working with async/await and Loops tutorial
Anton Lavrenov

Basic Debugging from the Chrome DevTools Console tutorial
Michał Witkowski

Ask HN: Which TypeScript Codebase Should I Study to Get Better? opinion
Hacker News

Ask HN: Is Meteor.js Still A Thing? opinion
A lengthy discussion on whether using Meteor.js in production is still worthwhile.
Hacker News

The Most Clever Line of JavaScript? story
Well, it’s an intriguing line at least.
Seva Zaikov

Advanced Static Types in TypeScript: A Course video
Marius Schulz

A Much Faster Way to Debug Code Than with Breakpoints or Console.log 
Wallaby catches errors in your tests and displays the results of expressions right in your editor as you type.
Wallaby.js  Sponsor

Webpack Monitor: A Tool for Monitoring Webpack Optimization Metrics tools
Jon Roach, Gordon Yu, Balal Zuhair

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

voxelengine3: A Three.js-based WebGL Voxel Engine code
Magnus Lallassu

Noel: A Replayable Event Emitter code
Joel Hernandez

Emergence.js: Detect Element Visibility in The Browser code
Christian Miller

DraftJS Plugins 2.0: Lots of New Rich Text Editor Extensions code
Draft.js is a framework for building rich text editors in React.
Nik Graf

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

#361: Currying Is Not Idiomatic in JavaScript

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 361 — November 17, 2017
An increasing reliance on JS can result in needless performance issues for our users. Addy Osmani looks at how a little discipline can help.
Addy Osmani

An attempt to demystify Redux, a popular state container for JavaScript apps, with a ‘backwards approach’.
Dave Ceddia

From the creators of Moment.js, Luxon provides DateTime, Duration, and Interval types, as well as parsing and formatting for common formats.
JS Foundation

Microsoft
From the creators of CodePush. Ship iOS and Android apps faster by connecting your app’s repo and automating the rest. App Center builds your app in the cloud, tests it on real iOS devices, releases to beta testers, app stores or CodePush, and monitors with crash reports and analytics. Sign up now.
Microsoft   Sponsor

The good doctor explains "why, in my opinion, currying is not a good fit for JavaScript.”
Dr. Axel Rauschmayer

It’s possible to track your project’s dependencies directly in GitHub and if you do, GitHub can now notify you of vulnerabilities in them automatically.
GitHub

Apple and Microsoft are shipping WebAssembly support in the latest versions of Safari and Edge so all 4 major browsers can now run code compiled to the wasm format.
Judy DeMocker

Been around a while but has grown a lot and now has extensions for major frameworks. Demos here.
Baidu

Jobs

In Brief

VueConf US 2018: March 26–28, 2018 in New Orleans, USA news
The VueConf.US 2018 call for proposals is now open, and closes December 1.
VueConf US

A Brief Introduction to Symbols, Generators and Streams tutorial
Rubens Pinheiro Gonçalves Cavalcante

Learn and Understand JavaScript’s Reduce Function tutorial
Or Array.prototype.reduce(), more specifically.
Brandon Morelli

Building a NodeJS App with MongoDB Atlas and AWS ECS (Part 1) tutorial
It's that time of year again. This is the first post in our annual "Road to AWS re:Invent" blog series.
mongodb  Sponsor

Easy ES6 Goodies for Busy JavaScript Developers tutorial
“a good basic introduction to three of the most useful ES6 goodies”
Michelle Gienow

Build a Server-Side Rendered Vue App with Nuxt.js tutorial
Chimezie Enyinnaya

Developing a Chrome Extension using Angular 4 tutorial
Jakub Kaczmarek

Start Using Babel 7 Beta Today: What's New and How tutorial
Jeff Dolle

Web Workers Can Be ES6 Modules Too tutorial
OK, Chrome doesn’t support it yet, but work is underway.
Jeff Schiller

CircleCI 2.0 Language Guide: JavaScript tutorial
New to CircleCI 2.0? Read our JavaScript Language Guide for a detailed explanation of our configuration.
CircleCI  Sponsor

Angular Productivity Tips for WebStorm IDE Users tutorial
Jurgen Van de Moere

Browser Automation Revisited: Meet Puppeteer tutorialnode
Puppeteer is a Node library that provides an API to control headless Chrome.
Gergely Nemeth

Recover Gracefully with React 16 Error Boundaries tutorial
ROLLBAR  Sponsor

Converting 600k Lines to TypeScript in 72 Hours story
Specifically, from Google Closure-annotated JS.
Lucidchart

How GitLab Uses Vue: One Year Later story
Jacob Schatz

High Performance JS in V8: How V8 Is Faster Than Ever video
A 20 minute tour of V8’s latest code-generation architecture.
Peter Marshall

Neutronium: Build .NET Desktop Apps using HTML, CSS and JavaScript tools
Neutronium

react-scroll-to: Scroll to Position in React code
Dylan Paulus

remoteStorage.js 1.0.0: Local Data Storage with Remote Syncing code
A project that’s as old as this newsletter.

bent: Functional HTTP Client for Node with async/await Support codenode
Mikeal Rogers

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

A Comparison of JavaScript Web Frameworks

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 362 — November 24, 2017
An 11 part series comparing Aurelia, Ember, Dojo, Vue, React and Angular reaches its conclusion by looking at the pros and cons of each.
Kit Kelly

Writing the same app in Angular & Vue and comparing both the similarities and differences.
John Papa

Instantly know whats broken and why. Get real-time monitoring, alerting, analytics for JavaScript errors. Learn more.
Rollbar   Sponsor

Dynamic import() is a new function-like form of import, but why could it be useful? Currently in beta versions of Chrome and Safari only.
Google Developers

A new library that provides a declarative way to perform common tasks against cloud-based services (AWS for now, but it’s open to be extended to support other services).
Amazon Web Services

Complete with custom cell editors, keyboard control support, and resizable columns. Demo.
Denis Raslov

The what, why, and how behind using a library for efficient ‘scrollytelling’ that uses IntersectionObserver in favor of scroll events.
Russell Goldenberg

An introduction to CodeStubAssembler (CSA), a component in V8 that “has been a very useful tool in achieving some big performance wins over the last several V8 releases”.
Daniel Clifford

In Brief

77% of 433,000 Sites Use Vulnerable JavaScript Libraries news
The results of an open source security report.
Tim Kadlec

A Free 'Intro to Node.js' Course from Microsoft course
Benjamin Lin and Azat Mardan

Developing Real-Time Apps with Meteor tutorial
How to use Meteor to build a real-time web app and add authentication to it.
Prosper Otemuyiwa

Implementing Functors and Monads in JavaScript tutorial
Rubens Pinheiro Gonçalves Cavalcante

Using Angular Components with Third-Party Libraries tutorial
Netanel Basal

How to Handle Errors with Try, Throw, Catch, and Finally tutorial
Brandon Morelli

Passing Data Between Routes in a Vue.js App tutorial
Nic Raboy

PureScript: Tomorrow's JavaScript Today? video
A tour of a strongly-typed functional language that compiles to JS.
Kris Jenkins

We Banned Default Exports in JavaScript - You Should Do The Same opinion
Krzysztof Kaczor

A Much Faster Way to Debug Code Than with Breakpoints or Console.log 
Quokka catches errors & displays the results of expressions as you type. Community edition is free as in beer.
Wallaby.js  Sponsor

synp: Convert yarn.lock to package-lock.json and Vice Versa tools
Handy if your team ends up flip-flopping between Yarn and npm, say.
Aram Drevekenin

G2: A 'Grammar' for Building Data-Driven Visualizations code
AntV Team

Introducing the Amazon DynamoDB DataMapper for JavaScript code
Amazon Web Services

Reframe.js: Reframe Unresponsive Elements Responsively code
Dollar Shave Club

imaskjs: A Vanilla JavaScript Input Mask code
Covers formats like dates and phone numbers, but also regexes.

UPNG.js: Now Even Better PNG Minification code
It’s 6x faster than before and creates better palettes for dithering.
Photopea

Z: Pattern Matching for JavaScript code
Though not quite the same as the official ES pattern matching syntax proposal.

Submit Your Article/Tutorial to our 66K Follower Medium Publication 
Our Medium publication DailyJS has over 66K followers. We’re happy to receive submissions.
Chris Brandrick

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

This week's JavaScript news, issue 363

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 363 — December 1, 2017
A low-level look at what V8’s Turbofan optimizing compiler does behind the scenes to get your code running faster.
Benedikt Meurer

From environments, response times, context, parsing, compiling and executing, to bundle sizes and shipping less code.
Ivan Čurić

Frontend Masters
Upgrade your skills this weekend with Kyle Simpson's JavaScript courses: Deep JS Foundations, ES6: The Right Parts, Functional-Lite, and more. 🚀 Don't delay — courses are only free through Monday.
Frontend Masters   Sponsor

Built with Electron, Vuetron is a Vue-oriented debugger that lets you navigate between states, monitor state changes and API requests, etc.
vuetron

Looking for something to do this weekend? Consider noodling with ReasonML, an OCaml-inspired language that compiles to JS. Dr. Axel has a getting started post, and Keira Hodgkinson has a great 25 minute introduction video.
Dr. Axel Rauschmayer

A practical 30 minute introduction to Aurelia, a popular modular frontend framework that integrates with Web Components.
YouTube

A well-presented guide covering most of JavaScript in detail. A handy refresher.
Ilya Kantor

A standards-themed tale of what can happen if you spend a lot of time working with the details of the ECMAScript spec.
Mike Pennisi

Jobs

In Brief

Building a Simple Regex Engine in Under 40 Lines of Code tutorial
Nick Drane

An Introduction to ES6 Template Literals tutorial
Sarah Chima

Scaffolding a GraphQL API Server with Node tutorialnode
Tom Lagier

The Practicalities of Contributing to ECMAScript tutorial
Want to work on the standard? Here are the processes involved.
TC39

Implementing the Sieve of Eratosthenes in JavaScript tutorial
Ben McCormick

Using Nested Child Routes in a Vue App tutorial
Nic Raboy

A Story of Upgrading An Angular App From 1.6 to Angular 4 tutorial
Abou Kone

Building a Voice-Activated Movie Search App Powered by Amazon Lex, Lambda, and MongoDB Atlas (Part 1) tutorial
mongodb  Sponsor

What Types of Project Aurelia Works Well For opinion
Sean Hunter

React Food Truck: A Curated Set of VS Code Extensions tools
Several useful React extensions together in a single bundle.
Burke Holland

Sencha Ext JS: Build an App, Not a Framework tools
With Ext JS you only have to develop your app once for multiple platforms and devices, try it free.
Sencha, Inc.  Sponsor

Rapid.js: An ORM-Like Interface and Router for Outgoing API Requests code
Create chainable API wrappers by defining models and routes.

Lite Editor: A Modern WYSIWYG Editor Focusing on Inline Elements code
appleple

Literally Canvas: An HTML5-Based Drawing Widget code

Telemachy: Easy 'Guided Tours' for Angular Apps code
Code Orange

Superstruct: A Simple, Composable Way to Validate Data code
Designed for validating data at runtime with a type annotation API inspired by TypeScript and Flow.
Ian Storm Taylor

Wijmo Typescript UI Controls Support Angular 5. No Dependencies. code
Wijmo’s UI components include Angular v5 support, full IntelliSense, and the best JS grid available.
GrapeCity Wijmo  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. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

#364: Angular 5.1, a React course, and an all new webapp bundler

$
0
0
This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 364 — December 8, 2017
In this introductory article, Parcel’s creator explains how it solves key problems with existing bundlers like Browserify and Webpack: performance and complex configs.
Devon Govett

A perennial topic, but Dr. Axel has an interesting take on it that might clarify your thinking on how the this keyword works.
Dr. Axel Rauschmayer

Two and a half hours of new (beginner and advanced) React material are now available for free on Egghead.
Kent C. Dodds

ZingChart
Your solution for modern charting and visualization needs. ZingChart is fully featured, integrates with popular JS frameworks, and has a robust API with endless customization options. Get started with a free download.
ZingChart   Sponsor

The latest (minor) version of Angular is here, plus Angular CLI 1.6 and the first stable release of Angular Material.
Stephen Fluin

JavaScript was first announced this week 22 years ago, but who was singing its praises in its earliest form?
Chris Brandrick

Not ready for Parcel (above)? Here you can learn the basics of Webpack and how to configure it for your web application.
Prosper Otemuyiwa

Jobs

In Brief

A Frontend Developer’s Guide to GraphQL tutorial
A very gentle introduction if GraphQL seems confusing.
CSS Tricks

Creating Neural Networks in JS with deeplearn.js tutorial
Robin Wieruch

'await' vs 'return' vs 'return await': Picking The Right One tutorial
Jake Archibald

How TypeScript 2.4's Weak Type Detection Helps You Avoid Bugs tutorial
Marius Schulz

Creating a Heatmap of Your Location History with JS & Google Maps tutorial
Brandon Morelli

Getting to Know the JavaScript Internationalization API tutorial
A cursory introduction.
Netanel Basal

`for-await-of` and Synchronous Iterables tutorial
Dr. Axel Rauschmayer

How to Cancel Promises tutorial
Seva Zaikov

Learn Everything About AWS’ New Container Products 
AWS ECS vs. AWS EKS vs. AWS Fargate - confused? Learn more in our latest blog post.
Codeship  Sponsor

6 Developers Reflect on JavaScript in 2017 opinion
Tools like Prettier, Jest, and Next.js get big shoutouts.
Sacha Greif

Angular... It’s You, Not Me: A Breakup Letter opinion
Dan Ward

Will The Future of JavaScript Be Less JavaScript? opinion
Daniel Borowski

JavaScript Metaprogramming: ES6 Proxy Use and Abuse video
Eirik Vullum

Use SQL in MongoDB? But of Course You Can. We'll Show You How. 
And there's so much more to discover. But see for yourself - Download it for 14 days here.
Studio 3T  Sponsor

jsvu: JavaScript (Engine) Version Updater tools
A tool for installing new JavaScript engines without compiling them.
Google

Reshader: A Library to Get Shades of Colors code
Guilherme Oderdenge

Muuri: A JS Layout Engine for Responsive and Sortable Grid Layouts code
There’s a live demo here.
Haltu

Unistore: A 650 Byte State Container with Component Actions for Preact code
Jason Miller

Lowdb: A Small Local JSON Database Powered by Lodash code
Supports Node, Electron and the browser.
typicode

🚀 View and Annotate PDFs inside your Web App in No Time 
PSPDFKit  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. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

Viewing all 452 articles
Browse latest View live