


Refactor to React Hooks, Not Classes
JavaScript and its ecosystem are evolving at a rapid pace. As new frameworks, libraries, and features get added JavaScript fatigue can start to set in.
Modernize Your StackField notes, primers, and case-tested patterns from Rangle on agentic systems, design systems, frontend, and AI strategy.
Showing 289–300 of 502 posts



JavaScript and its ecosystem are evolving at a rapid pace. As new frameworks, libraries, and features get added JavaScript fatigue can start to set in.
Modernize Your Stack

As a passionate advocate of healthcare technology, I've consistently seen the same message over the past year - customer experience is everything. This sentiment was underscored even more after I recently attended HIMSS19 where many of the tracks touched on healthcare organizations wanting to drastically improve customer experience by creating a consumer-like experience for patients. This means focusing on modernizing organizations to provide people and patients with access to affordable, high-quality healthcare.
Modernize Your Stack

The core concept of a Web Component is similar to that of components in frameworks such as React, Angular or Vue. It is a reusable UI building block that encapsulates all the HTML, CSS and any JavaScript-based logic required to render it. The big difference is that instead of relying on a specific JavaScript framework it leverages technologies natively provided by the browser so that your Web Components are framework agnostic. The technologies that Web Components leverage from the browser are features such as Custom Elements, Shadow DOM, ES Modules and HTML Templates.
Scale Design

In my first project at Rangle, I jumped into a codebase that used redux observable, a combination of RxJS and Redux for managing state and side effects like calls to our backend & 3rd party APIs. Although I was new to RxJS, I could relate many of its operators like map and take to standard JS array functions, or functions included in the Ramda library. Other RxJS operators were like nothing I had seen before, such as flatMap, and switchMap.
Frontend Development

The Angular team at Google kicked off the New Year by releasing Angular 7.2.0 and with that came many great new features. Routing can seem like a pretty simple thing but can easily turn more complicated than expected. For performance reasons, we often want to lazy load modules to optimize our code.
Frontend Development

Agility is essential in order to innovate in today's digital world. It enables organizations to find ways of creating new sources of value that meet the evolving needs of customers. If done right, the product roadmap can be the link that articulates how the organization plans to deliver value. In contrast, a poorly constructed roadmap can lead to a series of unintended consequences that we'll explore in this post. But before we do, let's define what a product roadmap is.
Align Product Strategy

When I started out as a freshly-minted developer three years ago, I was bursting with energy and ambition. Although I suffered (and still suffer at times) from an acute case of impostor syndrome, I was keen to learn, and it seemed like there was nothing that I couldn't - and shouldn't - attempt.


This past December I attended a Machine Learning for Creativity and Design workshop at NeurIPS 2018 in Montreal. NeurIPS (formerly NIPS) is a Conference on Neural Information Processing Systems or what today is often referred to as "AI". It's one of the most popular conferences in the space attracting thousands of submissions and attendants each year.


We recently had the pleasure of hosting a panel of industry experts to discuss how financial technology (fintech) is disrupting the world of banking. More importantly, we learned what's needed from traditional organizations in order to stay competitive. Along with some of Rangle's innovation leadership, we heard from fintech trailblazers Andrew Graham, co-founder of Borrowell and Michael Garrity, CEO of Financeit moderated by tech analyst and host of Globe & Mail's tech podcast, "I'll Go First", Takara Small. Let's get into it!
Modernize Your Stack
Learning development on the JavaScript stack can sometimes be quite frustrating (even with tools like Node or NVM). This is especially true when you manage different applications with different environment dependencies (or different versions of node, npm etc.) for each app that you're developing. You may have some legacy apps that you don't touch very often, but you want your host machine to have the latest and greatest when you start your next project. That's understandable and we've all been there before.
Frontend Development

One of the most difficult relationships in a software development team is the relationship between developers and the QA team.


Diversity and inclusion are top of mind for tech companies these days and it's about time. As an industry, we have failed to provide opportunities and empowerment for all people. We can't let our past mistakes dictate our future.