Category: nilsonj

Introduction to Data Management & Visualization in JavaScript

In order to create meaningful visual representations of our data, and the complimentary tools to analyze said data, it is important to have a well-conceived data management framework. This requires the right backend storage, a paradigm for data access, and an engaging front-end for presentation and analysis. There are ...

REST 2.0 Is Here and Its Name Is GraphQL

GraphQL is a query language for APIs. Although it’s fundamentally different than REST, GraphQL can replace serve as an alternative to REST that offers performance, a great developer experience, and very powerful tools. Throughout this article, we’re going to look at how you might tackle a few common use-cas...

The Anatomy of a Modern JavaScript Application

There’s no doubt that the JavaScript ecosystem changes fast. Not only are new tools and frameworks introduced and developed at a rapid rate, the language itself has undergone big changes with the introduction of ES2015 (aka ES6). Understandably, many articles have been written complaining about how difficult it is to...

Modern JavaScript Development Is Hard

It’s not uncommon these days to see people complaining about just how complex JavaScript development seems to have become. I can have some sympathy with that view when it’s coming from someone new to the language. If you’re learning JS, it won’t take long for you to be exposed to the enormity of...

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

React VR is a JavaScript library by Facebook that reduces the effort of creating a WebVR application. You may compare React VR with A-Frame by Mozilla, but instead of writing HTML, with React VR we’re using JavaScript to create a WebVR scene. React VR is built on the WebGL library three.js and the React Native framew...

10 jQuery HTML5 Audio Players

According to Buzz Angle Music, a total of 83 billion audio streams were consumed in U.S. alone in the first quarter of 2017. This marks a 61.2% increase over the previous quarter. Meanwhile, music sales dropped by 23.8%.May 8th, 2017: This popular article was updated to reflect the currently available audio players a...

Optimizing React Performance with Stateless Components

This story is about stateless components. This means components that don’t have any this.state = { ... } calls in them. They only deal with incoming “props” and sub-components. First, the Super Basics import React, { Component } from 'react'class User extends Component { render() { const {...

How to Organize a Large React Application and Make It Scale

This article is by guest author Jack Franklin. SitePoint guest posts aim to bring you engaging content from prominent writers and speakers of the Web community In this article, I’ll discuss the approach I take when building and structuring large React applications. One of the best features of React is how it gets...

Patterns for Object Inheritance in JavaScript ES2015

With the long-awaited arrival of ES2015 (formerly known as ES6), JavaScript is equipped with syntax specifically to define classes. In this article, I’m going to explore if we can leverage the class syntax to compose classes out of smaller parts. Keeping the hierarchy depth to a minimum is important to keep your code...

Styling in React: From External CSS to Styled Components

While many aspects of building applications with React have been standardized to some degree, styling is one area where there are still a lot of competing options. Each has its pros can cons, and there is no clear best choice. In this article, I will provide a condensed overview of the progression in web application st...