Simplify Styling with Functional CSS
In this article I'll explain what functional CSS is, show you how it compares to traditional CSS, and demonstrate how you can simplify styling by using functional CSS!
Frontend DevelopmentBlog
Field notes, primers, and case-tested patterns from Rangle on agentic systems, design systems, frontend, and AI strategy.
Showing 313–324 of 501 posts
Fun With Higher Order Reducers
How you manage the state of your application is important, and libraries such as redux and ngrx have been widely adopted in the JavaScript community for this task. Even though state management has come a long way, most people will quickly notice common patterns being repeated in their reducers and start to cry foul over the boilerplate that seems to be required. This was something I noticed too, but I started to adopt a pattern of Higher Order Reducers to help abstract away the repetition.
Frontend Development
Go Serverless with Azure Storage
Everything on the Internet whether it be application code or content needs to be fetched from a server somewhere. So with 'going serverless' being the latest trend, you may be asking yourself how you can have an application that is completely serverless. The main difference with serverless is that the management and operations of the infrastructure are abstracted. This abstraction allows developers to focus on development and building apps that deliver value to the end users faster. This way, you don't have to deal with the fuss of managing, maintaining, scaling, or provisioning servers. That's where hosting in Azure Storage comes in.
Frontend Development
Elevate Day Two: Digital Transformation Highlights and Reactions
Rangle and Capital One created the Digital Transformation track at Elevate. Day Two featured incredible leaders driving uncharted change across their industries — from AI in the workplace to the future of brand reinvention and digital disruption.
Modernize Your Stack
Elevate Day One: Highlights and Reactions
After months of preparing for all of the city-wide festivities, Elevate's first day is officially over! For the uninitiated, Elevate is a must-attend destination for tech leaders, investors, and creators. The multi-day event features some of the most inspiring keynotes in the industry along with topical content streams, experiential programming and to top it off, epic social events. This year Elevate speakers include the likes of Bumble founder Whitney Wolfe-Herd, Loblaws CEO Galen Weston, Al Gore and more.
Pipelines to the Rescue: How to Avoid Proliferating Artifacts
Does this problem sound familiar to you? You save a Word document as 'v1.doc', then make some changes and save the new version as 'v2.doc'. A colleague might email back some changes, then rename that document to 'v2John.doc' destroying the whole idea of a well-defined genealogy of documents. As the deadline approaches you save the document as 'final.doc', dreading the inevitable, ever-growing 'finalfinal...' as hectic last minute changes are made.
PM
Better Software Testing with Machine Learning
Software testing is expensive. Did you know it can amount to as much as 25% of total project costs?
Downshift: The Answer to Building Accessible and Visually Flexible React Input Components
You need some dropdown boxes for your next React project. What do you do? Do you build your own from scratch or do you leverage a UI component framework? In the realm of React UI Component Frameworks, there are lots of popular options: React-Bootstrap, Material-UI, the open source project Blueprint, and Semantic UI React. These frameworks are great in that the learning curve is low and the time to get a dropdown box into your site is quick. But what if you need the dropdown box to match your brand, display customized error messages, or with selection items inside a speech bubble coming out of a penguin?
Frontend Development
How Public Speaking Created a Culture of Confidence
As a Talent Manager, I'm fortunate to be able to speak with both current employees and potential candidates about our work and culture. One common theme that always comes up in conversation with Ranglers is how much they love that we prioritize our speaking culture. Similarly, whenever I share that we have a prominent speaking culture with potential candidates, there's a palpable excitement. So, what does having a speaking culture mean exactly?
Build Engineering Capability
Rangle, Toronto, and Artificial Intelligence
Since its early days, Rangle has always aimed to be actively engaged with the developer community both globally and locally here in Toronto, a city with the fastest growing tech-job market today. Having established the company as a leader in front end software development, we've recently been working on expanding into other areas such as machine learning. Now with more local resources to draw on than ever before, we want to work with the community to help clients around the world to realize Toronto's excellence in this area.
Creating Declarative Animations in React Using Popmotion Pose
Animations help bring an application to life. When done properly, they can be an essential part of the user experience and accessibility.
Frontend Development
What It's Like to Do Your Co-op at Rangle
While still in school it can be incredibly difficult to determine what career you're interested in pursuing after graduation. That's why co-op placements are an essential part of deciding what path you want to take or even how you want to pivot your education. At Rangle we're lucky to have a group of co-op students and interns who are hardworking, dedicated, and inspiring to work with.