Managing state with Redux and Angular
If you're using Angular 1.x and you're interested in Redux this post is still quite relevant today, just make sure to check out the latest documentation.
Frontend DevelopmentBlog
Field notes, primers, and case-tested patterns from Rangle on agentic systems, design systems, frontend, and AI strategy.
Showing 480–491 of 508 posts
IK
Creating Angular 2 Style Components Using Angular 1 (Part 2)
In Part 1 of this blog post we demonstrated how to create a simple Angular 2.0 "style" component using Angular 1.x and TypeScript. We did not focus on different component types that can be created when writing our applications and how to structure your applications with them. We touched upon different component types in a previous blog post, but the goal of this post is to clarify and classify those types a little further and provide a concrete example
Frontend Development
React's Expansion: 3 Interviews with Facebook Engineers at React Rally
After sponsoring React Rally in Utah, and ReactEurope in France this summer, there's one thing that's extremely evident: The ReactJS ecosystem is moving very quickly.
Frontend Development
IK
Creating Angular 2 Style Components Using Angular 1 (Part I)
As Angular 2 looms in the horizon, it is easy to be overwhelmed by the upcoming transition. An important topic emerging for many developers is how to align existing applications, or write new ones, using Angular 1.x to ensure the transition is smooth, and to minimize refactoring when Angular 2 comes out. After all no one wants to write an application today that will be obsolete in a year.
Modernize Your Stack
CB
6 Gulp Best Practices You Can Use Today to Radically Improve Your Development Experience
Update: Times have changed a lot since 2015 and while a lot of the gulp patterns in this post are still valid the tooling landscape is quite different. Today we leverage gulp as a "general purpose automation" tool that's well suited to projects with complex and unique build requirements. For web application frameworks in most cases we recommend your respective framework's CLI (every big framework has one) or a tool like webpack.
Frontend Development
SR
Learn How to Write Angular 2 Style Unit Tests with Angular 1.X Code
The development of Angular 2 is on its way with much talk, hype, and fanfare. Surprisingly, there is not much being said about unit testing. As a responsible developer, you have undoubtedly already written a giant unit test suite to achieve 'near perfect' code coverage, and I'm here to let you know there is no need to throw that all away! While Angular 2 is currently in 'developer preview', implying that nothing serious should be built with it currently, the Angular Team has already created a giant wealth of unit tests and a custom testing setup. Unfortunately, it is not easy to set this up for yourself. So this post should help you get started.
Frontend Development
Dispatches from ReactEurope in Paris, France
This month, Rangle had the pleasure of being the lead sponsor of ReactEurope 2015 in Paris. Having used ReactJS and Flux architectures in about a third of our projects in the last six months, we were very excited about this event… And what a fantastic event it was: being well organized, with an amazing roster of speakers and talks.
React
Write Your Angular 1.x Applications in an Angular 2 Style
As the Angular team is making progress towards a
Modernize Your Stack
JavaScript Teaser: Fabulous Fibonacci
Fill in the missing line of the following code that implements a function returning the next Fibonacci number every time it's called.
JavaScript Teaser: A Missing Character
The function getCount() defined below is supposed to return the next number every time it's called, starting with 1. (So, the first call would return 1, the next call would return 2, the next would return 3, and so on.)
JavaScript Teaser: Awful Functions
Please post the answer on JSFiddle or similar service, and then post a link to your answer here. You can also post comments below or email Rangle.io's CTO, Yuri@rangle.io, if you wish to share further ideas.
Frontend Development
UX and the Sad Reality of Specifications
Rangle.io has a unique learning culture. We are focused on a very specific technology (modern JavaScript and HTML5 applications) and a very specific process (Lean UX design with agile continuous delivery) and we've applied these practices to over 2 dozen projects. That has led to certain truths emerging over and over. Truths I'd like to present here, alongside some suggested solutions.
Align Product Strategy