Hello and welcome to This Week in JavaScript, our lovingly curated collection of links relating to what’s new and exciting in the world of JS. The complete list is tagged jsweekly. (Don’t forget to check out our weekly .NET and front end roundups too!)
And now for this week’s JavaScript finds …
Getting started
- JSON powers the world - A brief introduction to JSON and touch on some of the reasons why it’s been chosen to power our world.
- Learn to create D3.js data visualizations by example - Give you a high level overview of D3’s capabilities, where you’ll be able to see the input data, transformation and the output document.
WebGL terrain tutorial - A quick tutorial on how to build a 3d terrain in Javascript, from setting up three.js to loading a heightmap and texture.
Learning more
- Complexities of an infinite scroller - Re-use your DOM elements and remove the ones that are far away from the viewport, and use placeholders to account for delayed data.
- [requestAnimationFrame scheduling for nerds] - Details on the the scheduling of requestAnimationFrame callbacks.
- Searching data structures with JavaScript - A quick guide through data oriented thinking and FRP (functional reactive programming) approaches using the example of searching a complex dataset.
- How Pony Foo is ridiculously over-engineered, and why that is awesome - How it all began as a learning experience, how it continued to be a learning experience, and how it still is a learning experience.
Libraries
- cleave - Format input text content when you are typing.
- dpicker - Minimal framework agnostic date picker
- iterall - A set of minimal, zero-dependency utilities for using iterables in all JavaScript environments.
- tinyModal - Clean, fast, modular and customizable modal window controller.
ES6/ES2015 and beyond
- Var, let and const - what, why and how (video) - An exploration of var, let and const, and I also do a little lecture on the value of minimising mutable state.
- Clean code with ES6 default parameters & property shorthands - Default function parameters and property shorthands are two handy features of ES6 that can help you write your API.
- Dipping a toe into functional JS with lodash-fp - Writing JavaScript in a more functional manner requires a change of mind in how to approach problems. Here are some of the basics that I’ve learnt so far.
- Must know details about ES2016 features - Details of ECMAScript 2016 that were approved in June 2016.
Frameworks
- Node hero - Node.js security tutorial - Learn how to defend your applications against the most common attack vectors.
- How we handle asynchronous actions with Redux - to really harness the combined potential of React and Redux, we’ve found that setting up and enforcing conventions is crucial.
- Simple static React firebase - A minimal setup for React/ES6 sites with a Firebase back end.
- Improve Angular performance with ngReact - Renders a React component with Angular, that sets up watches on the attributes passed to the directive and re-renders the component when they change.
- Passwordless authentication with React and Auth0 - Build a React application with passwordless authentication through Auth0, using Auth0 React Starter as our foundation.
- Change detection in Angular 2 - An in-depth talk about the Angular 2 change detection system.
For more links like this and to keep up-to-date with the latest goings on in JS land, you can follow SitePoint’s JavaScript channel on Twitter.
Please PM us if you have anything of interest for the next issue or if there is anything you would like to see featured. Paul and chrisofarabia.