The JavaScript, TypeScript, HTML and CSS Magazine

By Dan Wahlin | All about JavaScript, HTML5 and CSS! Tweet article suggestions to @DanWahlin.

Hacker News readers as Progressive Web Apps

A spiritual successor to TodoMVC<p>TodoMVC has helped thousands of developers select an MV* framework for their JavaScript applications. However, the …

JavaScript

RxjsFun

RxJS + Angular: examples, experiments, and presentations<p>RXjs Timer Cache example is on plunker.<p>Angular CLI-based<p>This project was generated with …

JavaScript

Time for 2.0 - Polymer Project

<b>Polymer 2.0</b> has landed. Our freshest cut of the <b>Polymer CLI</b> is ready for download, our <b>Docs</b> include all the latest 2.0 guidance and upgrade tips, and …

JavaScript

Transforming callbacks into promises and back again with function decorators

Every day that I work in JavaScript-land, I stumble across a mixture of callbacks, promises or async/await. I have my own preferences in how I like …

JavaScript

Why Developers Are Moving to Yarn

The JavaScript world changes every second. To say a lot has happened in the past year would be an understatement. Among those changes was that …

JavaScript

Higher-order functions in Lodash

In this article I would like to explain concept of higher-order functions and how they are omni-present in my favorite Javascript library:</b> …

Announcing the new webpack CLI

After getting feedback from the community about webpack being hard to get started with, we listened and decided to re-envision the CLI for webpack. …

JavaScript

Optimizing Performance - React

Internally, React uses several clever techniques to minimize the number of costly DOM operations required to update the UI. For many applications, …

JavaScript

pkg

Package your Node.js project into an executable<p>Use cases<p>Make a commercial version of your application without sources<br>• Make a demo/evaluation/trial …

JavaScript

Native ECMAScript modules - the first overview

The 2016 year was incredible in terms of the browser and Node.js applying the ECMAScript 2015 specification. Now we are facing the situation when the …

JavaScript

FAST FullStack React with TypeScript starter kit.

Why?<p><b>Simple</b> to jump into, <b>Fast</b> because it is simple.<br>• Separate tsconfig.json for client and server.<br>• Client and server can share code (And types). For …

Design

How to Organize a Large React Application and Make It Scale — SitePoint - ReactJS News

In this article, I’ll talk you through the decisions I make when building React applications: picking tools, structuring files, and breaking …

JavaScript

Announcing TypeScript 2.3

Today we’re excited to bring you our latest release with TypeScript 2.3!<p>For those who aren’t familiar, TypeScript is a superset of JavaScript that …

JavaScript

Schemats

Using Schemats, you can generate TypeScript interface definitions from (Postgres) SQL database schema automatically.<p>Start with a database schema:<p>Users<p>…

JavaScript

Why TypeScript Is Growing More Popular

Why is TypeScript getting so popular? Key development frameworks depend on it and it improves developer productivity in the ever-changing JavaScript …

JavaScript

Fetching Data from a Third

More often than not, when building your JavaScript application, you would want to fetch data from a remote source or consume an API. I recently …

A Vue.js introduction for people who know just enough jQuery to get by

The logo for Vue.jsI’ve had a love-hate relationship with JavaScript for years.I got to know the language by way of the design and development …

JavaScript

Several People Are Coding

When Brendan Eich created the very first version of JavaScript for Netscape Navigator 2.0 in merely ten days, it’s likely that he did not expect how …

JavaScript

The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery) — SitePoint

Whenever we need to perform DOM manipulation, we’re all quick to reach for jQuery. However, the vanilla JavaScript DOM API is actually quite capable …

Lighthouse | Web

Lighthouse is an open-source, automated tool for improving the quality of your web apps.<p>Lighthouse can be run as a Chrome Extension, from the command …

Docker: What Every Angular Developer Should Know About It! - Dan Wahlin

React Bits

A compilation of React Patterns, techniques, tips and tricks.<p>Your contributions are heartily ♡ welcome. (✿◠‿◠)<p>Table of Contents<p>Design Patterns and …

Architecture overview

We’re excited to introduce you to Twitter Lite, a Progressive Web App that is available at mobile.twitter.com. Twitter Lite is fast and responsive, …

JavaScript

SweetAlert2 - a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes

Configuration<p>Here are the keys that you can use if you pass an object into sweetAlert2:<p>Argument<p>Default value<p>Description<p><b>title</b><p><i>null</i><p>The title of the …

Does CSS Grid Replace Flexbox?

No. Well. Mostly No.Grid is much newer than Flexbox and has a bit less browser support. That's why it makes perfect sense if people are wondering if …

Web Development

6 Reasons Why JavaScript’s Async/Await Blows Promises Away (Tutorial)

In case you missed it, Node now supports async/await out of the box since version 7.6. If you haven’t tried it yet, here are a bunch of reasons with …

Our Best Practices for Writing React Components – Code == Life

When I first started writing React, I remember seeing many different approaches to writing components, varying greatly from tutorial to tutorial. …

JavaScript

Creating a Book Cover Using JavaScript and p5.js | CSS-Tricks

By Engin Arslan On March 20, 2017<p>I recently published a book and an interactive course called Coding for Visual Learners. It teaches coding to …

JavaScript