Field notes, primers, and case-tested patterns from Rangle on agentic systems, design systems, frontend, and AI strategy.
Showing 445–456 of 502 posts
This post currently reflects an earlier version of Angular, and may not be up to date or reflect the current release. Angular 2 has greatly simplified services since Angular 1. In Angular 1, there was a service, factory, provider, delegate, value, constant, etc. and it wasn't always clear when to use which.
Frontend Development
@ngrx/store is a popular store architecture for Angular 2. It promotes one-way data binding for components — this post covers how to compute derived values from the store using RxJS operators like map, scan, and combineLatest.
Frontend Development
This post is about the next generation of asynchronous JavaScript tools and it assumes basic familiarity with promises and callbacks.
Frontend Development
Augury, Rangle's Chrome Developer Tool extension, allows developers to look deeply into their Angular 2 application by visualizing their component tree and the data associated with it.
Angular
When used together, React and Redux are an awesome combination of technologies that help us structure applications with a true separation of concerns. Even with React being extremely performant out of the box, there comes a time when even higher performance is required.
Frontend Development
Paris 2016. This year ReactEurope wasn't dampened by the torrential rains that were flooding the Seine river. The mood was one of excitement from both attendees and speakers about the current state and future of the React development ecosystem.
Frontend Development
In this post, our Scrum Master Rehana shares her unique insights on what makes building a strong team comparable to building strong software.
Build Engineering Capability
JavaScript is evolving rapidly, with new approaches to application development appearing almost on a monthly basis. As a training firm, one of the services we provide is staying on top of these changes and advising our clients on contemporary thinking.
Build Engineering Capability
EcmaScript 6 (ES6), aka ES2015, is the latest JavaScript standard and its features are increasingly being supported by modern browsers. Despite the fact that it's currently 2016, some features of ES6 are still not supported by any modern browsers. This lack of complete browser support for ES6 is the main reason why I stuck with ES5. Aside from browser support, my other issue with ES6 was that its features seemed to be almost entirely superfluous sugar.
Frontend Development
While much has been made of React Native's native mobile app capabilities, there has been relatively little attention paid to its web nature. It is the latter quality, however, that makes React Native such a great web and mobile development platform. React Native brings modern web techniques to mobile app development. This means that teams get to leverage common tooling and workflows, the best of CSS (including Flexbox), familiar Web APIs, a rich and vibrant 3rd party ecosystem and, of course, their existing JavaScript libraries. React Native is, in a sense, a polyfill for the web – built atop vendor-specific and disjointed mobile platforms.
Frontend Development
Once again, Rangle was a Platinum sponsor of ng-conf in Salt Lake City, and this year made an even bigger impact than the last two years we've sponsored. Rangle's CEO Nick van Weerdenburg led a contingent of 23 Ranglers to the conference to learn about the future of the platform and even present some material on decorators and our new official Angular 2 developer tool Augury.
Frontend Development
Even though this post was written in 2016 the concepts still hold. In that time the reselect library has had several new releases, be sure to read their updated API's here.
Frontend Development