Sean Bellows

2,323 Flips | 6 Magazines | 17 Likes | 5 Following | 52 Followers | @seanbellows | Former animator, book designer, and failed graphic novelist turned web designer and frontend-dev. I currently work for Flipboard.

JavaScript Decorators for Declarative and Readable Code

Decorators in JavaScript are now in stage 2. They allow us to alter the definition of a class, method, or a property. There are already a few neat …

JavaScript

RxJs switchMap, mergeMap, concatMap (and exhaustMap): Complete Guide

Some of the <i>most commonly used RxJs operators</i> that we find on a daily basis are the RxJs higher-order mapping operators: switchMap, mergeMap, …

JavaScript

The What and How of Angular Schematics: The Super Simple Version

A summary of Angular Schematics: the what, how and why. Here's the super simple version!<p>If you're an average Angular developer that hasn't quite …

JavaScript

When (and why) you should use ES6 arrow functions — and when you shouldn’t

Arrow functions (also called “fat arrow functions”) are undoubtedly one of the more popular features of ES6. They introduced a new way of writing …

JavaScript

Here are three upcoming changes to JavaScript that you’ll love

Photo by Alex Woods on UnsplashLet’s take a look at some useful upcoming features in JavaScript. You’ll see their syntax, links to keep up to date …

JavaScript

A minimal guide to ECMAScript Decorators

A short introduction to “decorators” proposal in JavaScript with basic examples and little bit about ECMAScriptWhy <b>ECMAScript Decorators</b> instead of</b> …

JavaScript

Introducing Angular Explorer for VS Code

We are excited to announce our revamped AngularDoc extension for Visual Studio Code.<p><b>AngularDoc for Visual Studio Code - Visual Studio</i> …

JavaScript

11 Javascript Utility Libraries You Should Know In 2018

11 Useful Javascript utility libraries to speed your development.<p>As Javascript remains the most popular and widely used programming language in 2018, …

JavaScript

Angular patterns 1: modules organisation

Working with Angular on real life projects, I have developed my own set of patterns for organising scalable Angular code on large and complex apps. I …

Schematics — An Introduction

Schematics is a workflow tool for the modern web; it can apply transforms to your project, such as create a new component, or updating your code to …

JavaScript

Handling Observables with NgIf and the Async Pipe

Dealing with async operations with the async pipe takes care of subscribing to Observable streams/async stuff like Promises for us.There are a few …

JavaScript

Ahead-of-Time Compilation in Angular

Above {COMPONENT} is the name of the component’s controller and {COUNTER} is an unsigned integer.<p>Both classes extend AppView and implement the …

RxJS — Reduce Angular app bundle size using lettable operators

RxJS version 5. 5 introduced an impactful change in the import process of RxJS and added lettable operators. This blog post is a small comparison of …

Practical RxJS In The Wild 🦁— Requests with concatMap() vs mergeMap() vs forkJoin() 🥊

I would like to share with you experience acquired by working on a yet another Hacker News client (code name HAKAFAKA 😂 still in alpha). I have been …

My Favorite Angular CLI Commands and Options

In my last blog post, I talked about the reasons why you should use the Angular CLI for your next Angular application. I told you that with the …

What you always wanted to know about Angular Dependency Injection tree

If we have a module with some providers and import this module directly in AppModule or in any other module, which has already been imported in …

JavaScript

Matt Brophy's Website

If you haven't read Part 1 of this post, I suggest you jump over and check that out first, or else you may find yourself lost in the advanced …

A Component Dev Kit for Angular

Modern web development is all about components. Angular gives developers a way to define these discrete chunks of UI and then compose them into an …

Web Development

Awesome design patterns

A curated list of software and architecture related design patterns.<p>Software design pattern - A general, reusable solution to a commonly occurring …

Avoiding common confusions with modules in Angular

I have a talk on<p>Angular modules is a pretty complex topic. Angular team has done a great job putting up a quite lengthy documentation page on …

A curios case of the @Host decorator and Element Injectors in Angular

<b>ag-Grid</b><b></b> <i>becomes an official sponsor of</i> <b>Angular-In-Depth</b><i> publication.</i><i><br>Read the story</i><i>.</i>As you know, Angular’s dependency injection mechanism includes a …

Cards

Some of the components I've explored here have specific standardized requirements in order to work as expected. Tab interfaces, for example, have a …

CORS

If there’s one thing I’d wish I’d known about CORS sooner, it’s how it handles <i>simple requests</i>. Think of simple requests as any request a <form> …

Using enums in Laravel

I'm a big fan of enums. Having recently worked for a company who use C#, where enums are used extensively, I've got used to being able to reach for …

Five Useful Laravel Blade Directives

Take a look at five Laravel Blade directives you can use to simplify your templates, and learn about some convenient directives that make solving …

Understanding the Angular CLI Workspace File

The sixth version of Angular CLI has been published with a lot of improvements and changes. In this article we're going to cover the Angular …

JavaScript

Text editing techniques every Front-End developer should know

<b>0</b><i>Days</i><p>0 days since this post was last revised. All content should be accurate.<p>Any Front-end developer is going to spend a lot of time typing and …

A Taste of Angular Material Virtual Scroll – Netanel Basal

As a developer, you’ve probably had to implement a big list or table for your application using an infinite scroll technique.<p>The problem with that is …

Web Development

Component Based Design System With Tachyons

A Design system is a collection of rules, constraints and principles applied to your design and development process. I most often encounter it as a …

Developing the Zomato design system – UX Collective

With the exponential growth of Zomato, we had let a lot of design debt build up for the product. One of the major problems we were facing was that a …