A Pretty Good SVG Icon System

I’ve long advocated SVG icon systems. Still do. To name a few benefits: vector-based icons look great in a high pixel density world, SVG offers lots of design control, and they are predictable and performant.
I’ve also often advocated for a SVG icon system that is based on s (an “SVG sprite") and the <use> element for placing them. I’ve changed my mind a little. I don’t think that is a bad way to go, really, but there is …

A Pretty Good SVG Icon System is a post from CSS-Tricks

Link: https://css-tricks.com/pretty-good-svg-icon-system/

JavaScript Threading: The Magic Framework Problem

The Magic Framework Problem
This happens when two ways of thinking collide.

The framework developers create lots of “super smart” components. These components are so good at their job because they hide the underlying complexity and deal with major issues very well.
The designers have an imperfect understanding of the challenges they face. This is normal – design usually happens before most challenges come up. So they design with what they know, and often with a preconceived notion of how things work.

Mix the two together: The designers assume the framework will deal with all the design issues automatically. In other words, magic.

Link: https://dzone.com/articles/javascript-threading-the-magic-framework-problem?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Announcing Angular Master Class in Houston

While we just returned from Denmark and announced another upcoming Angular Master Class in Berlin, we know that people want us to run our training all around the world.
It’s been a couple of month since we’ve last run our training in the US so we are very pleased to announce that our Angular Master Class is coming to Houston in August!
We’ve found the perfect, artsy venue to get into the right piece of mind to learn Angular in and out.

The event takes place on the 22nd to 25th August 2017 in the Bisong Art Gallery.
The bulk of the training happens on the first three days whereas day four is optional and covers Redux and ngrx. Join us for a couple of days of learning and fun including things like

Components and Modules
Fetching data using Http
Advanced Dependency Injection
Basic Forms
Observables deep-dive
Architectural patterns
ContentChildren and ViewChildren
Template-driven Forms
Reactive Forms
Observables deep-dive
Children routes and lazy-loading
Redux and ngrx

…and many more!
Tickets on sale now
The early bird round of tickets is on sale now. You can save up to 150,00 USD so you’ll better be fast. Seats are very limited with only 5 early bird tickets available!
Come to our training… have a blast and get the best acceleration into Angular possible. You can find more information on our official event page, or grab your ticket right here!

See you in Houston!

Link: http://blog.thoughtram.io/announcements/2017/06/23/announcing-angular-master-class-in-houston.html

#340: Using JavaScript for Microcontroller Development

This week’s JavaScript news — Read this e-mail on the Web

JavaScript Weekly

Issue 340 — June 23, 2017

Using JavaScript for Microcontroller Development
Learn about your options for running JavaScript on microcontrollers and IoT platforms.

Sebastián Peyrott

A Spreadsheet in 25 Lines of ES6
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

Picking Jest Over Mocha: A Testing Tool Comparison
A developer at Automattic (the company behind WordPress) explains why they prefer Jest to Mocha for JavaScript testing.

Grzegorz Ziółkowski

Build Faster. Test More. Fail Less. Easy CI/CD for Javascript.
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.


Cell: A Self-Constructing Web App Framework
An intriguing new approach to creating a simple front-end app where you write the entire app mostly declaratively in a single JS object.


React Express: Learn React with Interactive Examples
An opinionated, all-in-one guide walking through create-react-app, webpack, Babel, ES2015+, JSX, Redux, CSS-in-JS, and more.

Devin Abbott

Codemods: A Quick and Easy Way to Automate Code Refactoring
An introduction to the idea of using Facebook’s jscodeshift to create and apply ‘codemods’ to automate changes to your code.

Chris Laughlin


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

Web Application Engineer – Apple Inc. (California, USA)Our Media Products Engineering team is looking for a software engineer to build and enhance our algorithmic quality evaluation tools. Apple Inc.

Experienced Node Engineer at eBench (Remote)We’re a SaaS company that creates beautiful data visualizations. Enjoy crafting quality code? We would love to hear from you. EBENCH

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 newsDor Moshe
Register for M101JS: MongoDB for Node.js Developers Learn everything you need to know to get started building a MongoDB-based app.MONGODB  Sponsor
Creating a Personal Bluetooth Beacon with Puck.js tutorialAdam Butler
Unambiguous Webpack Config with TypeScript tutorialDevon Marisa Zuegel
The Art of Building a Progressive Web App with Ember tutorialMatthew Beale
A Through (Re)Introduction to Callbacks tutorial A thorough guide aimed at newbies/learners.Zell Liew
A Brief Guide to Reliable Stream Processing with RxJS tutorialHendrik Swanepoel
How to Create Interactive JavaScript Charts from Custom Data Sets tutorialSitePoint
An Introduction to Sets in JavaScript tutorialAlligator
Techniques for Decomposing React Components tutorialDavid Tang
Introducing Lazy Arrays in JavaScript with lazy-arr tutorialPerformanceJS
ForwardJS Tickets on sale today Attend full-day hands-on React workshops and dozens of talks at ForwardJS San Francisco this July.ForwardJS  Sponsor
ES2017’s async/await is ‘The Best Thing to Ever Happen to JavaScript’ opinionMike 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 storyTelerik Developer Network
jQuery-contextMenu: A jQuery Context Menu Plugin and Polyfill codeSWIS
Spected: A Low Level Validation Library for Objects code25th-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 codeAntonio V
vue-table-component: A Vue Component to Filter and Sort Tables codeFreek 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

Link: http://javascriptweekly.com/issues/340