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
- JavaScript objects vs arrays - Putting the statement “Arrays are just Objects in JavaScript” under the microscope.
Learning more
- Master the JavaScript interview: What is function composition? - Function composition is the process of combining two or more functions to produce a new function. Composing functions together is like snapping together a series of pipes for our data to flow through.
- The weird parts of JavaScript I can never seem to remember… - JavaScript has its quirks that are always mistakes that surprise me.
- A guide to browser scroll animations - A look at multiple options for implementing scroll animations, from building them from scratch yourself to using some existing libraries.
- Developing a street basketball game (Part 3: level selecting and stats) - The final part, about how to make new levels, create a level selection menu, and show a player’s stats.
Libraries
- 15 Interesting JavaScript and CSS libraries for September 2016 - A wide variety of different libraries including an excellent drag-and-drop file uploader, and much more!
- An introduction to Chart.js 2.0 — Six simple examples - Using charts when it’s beneficial, will make your website easier to understand and visually more appealing.
- Data grid (table) products - A curated list of grid(table) libraries and resources that developers may find useful, focused on JavaScript grid libraries for different uses.
ES6 and beyond
- Generators and channels in JavaScript - a starting point to experiment with the possibilities that arise by taking this approach.
- My new favorite ES6 toy: Destructured objects as parameters - I went to Kyle Simpson’s ES6: The Good Parts course and found myself particularly interested in the practical applications of a piece of ES6 I had previously not noticed.
- Sorting arrays with JavaScript iterators - Often, we will give the user the ability to re-sort a list or sort by a different key. The @@iterator could be used to make this sorting problem easier.
React / Redux
- Yet another intro to React in form of “Dive into” repo - A simple project that demoes React uni-directional data flow.
- React Redux universal boilerplate - A universal ReactJS/Redux boilerplate.
- React storybook knobs - Write different stories with different states of UI components in our app.
- Coloreact: Tiny color picker for React - Create a single color picker with swatches, or something custom.
- Recharts - A composable charting library built on React components, built on top of SVG elements and easy to customize.
- Routing React apps: The complete guide - We will touch on almost every aspect related to routing in React, with a demo so that you have something to play with.
- How to scale React applications - After speaking with hundreds of developers about how they build and scale their web applications, here are some things we learned along the way.
Other frameworks
- Simple user authentication for web apps - How you can use Auth0.com and a restdb.io database to develop an application where users can sign up with your app and get access to their own data.
- Node.js best practices - A look at a few of the best Node.js practices that will keep you safe from the most common Node.js traps.
- Node.js vs Vert.x – Which scales high on performance - An analysis of the performances and other major facets promoted by these flourishing platforms.
- Writing a JavaScript framework - Introduction to data binding, beyond dirty checking.
- Progressive server side rendering that we may need - Progressive server side rendering because we have a lot of things to render, and not all of them are rendered on server side.
Testing
- Debugging production JavaScript - we’ll look at the basics of monitoring our JavaScript apps and how to start debugging with the errors reported. Then we’ll take a look at the most common causes of errors that occur and how to identify them.
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.