00-featured-vuejs-logo-simple-320x200

Vue.js’s Single File Components: Keeping It All In One Place

Vue.js’s Single File Components: Keeping It All In One Place Vue.js has grown a lot in popularity in the past year or so, but I personally ignored it for quite a while. Why? Because I didn’t feel like we needed another JavaScript framework. Not just because I felt JavaScript’s ecosystem was already rather flooded, but […]

javascript-300x120

A Primer on ES2017 Async and Await

As the year 2016 draws to a close, attention is now turning to what will emerge from 2017, with Javascript as much as anything. The language is undergoing a massive evolution now, increasingly taking on characteristics that make it attractive as a full stack environment. The ES2017 (ES8) stack is already now being implemented in […]

Crater_Lake_National_Park_Oregon

Build a Camping Weather App with React, Redux and Thunk Middleware

Let’s face it, while it’s fun to write applications from scratch, a lot of software development work involves working with existing code. In this post, we are going to learn how to add a feature to an existing React/Redux app. Following on our previous articles in <list filtering with react/redux> and <component interactivity with react/redux>, […]

javascript-300x120

A Primer on JavaScript Promises

In JavaScript, a promise is simply a placeholder for a future value. It’s a piece of code that promises to return a value at some point in time. The beauty of promises is that they provide an easy and elegant way to handle asynchronous operations (e.g., setTimeout, AJAX calls, etc.). In the following article, I’ll […]

javascript-300x120

Advanced JavaScript ES2015 Template Strings with Tagged Templates

If you’ve paid any attention to the discussions about ES2015/ES6 that have been going on over the past couple years, you should already know about template literal strings:

This in itself is an extremely useful tool that can simplify how we work with strings dramatically, but there is a little-known feature that came along […]

css

The Basics of Using CSS Grid

CSS Grid is a new, simple way of laying out the content of your website or app. Some of the shining features of the system are that grids can adapt to make use of available space. They are also very fast and can allow content to overlap. The whole premise of Grid was built around […]

Reactjs

Handling Events in React 101

In this article, we will be looking at how to handle events in React. Specifically, we’ll look at how to listen for some of the most common event types. We’ll also look at some of the event properties which you can work with in order to listen for two or more events at the same […]

Reactjs

3 Libraries and 3 Ways to Handle AJAX in React Apps

For React beginners coming from a jQuery background, one of the first few questions that come up is how to perform AJAX requests within a React app. The quick answer to this is you can’t, because React is only a view library. It doesn’t come with the functionality to make AJAX or network requests. But […]

Chocolate_Chip_Cookies_-_kimberlykv

Basics to Reading/Writing Cookies with JavaScript

Cookies are relatively small text files that a web browser embeds on a user’s computer. Cookies allow otherwise stateless HTTP communications to emulate state (i.e., memory). Cookies are being replaced by somewhat newer technologies such as local storage and session storage; however, cookies are still widely used by many major websites today. For that reason […]