# Rangle — Full Context > Agentic Product Engineering, on infrastructure you actually own. Small expert teams shipping production software in weeks, on a sovereign substrate that keeps working when the platforms don't. This is the comprehensive context file. For a curated index, see [llms.txt](https://rangle.io/llms.txt). ## Key Facts - **Founded:** 2013 - **Headquartered:** Toronto, Canada (onshore engineering) - **Delivery speed:** Functional proofs of concept in 2-5 days, production applications in 4-8 weeks - **Sovereign substrate:** Infrastructure stack clients own under their AI workloads — no platform lock-in - **Proprietary tooling:** Airbender, for enterprise-grade AI safety, compliance, and monitoring - **Named enterprise clients:** Nike, Google, Sanofi, Staples, UNIQLO, The North Face, Kenvue, Stripe, Hims, Wabtec, Emburse, BMO, Borrowell - **Core capabilities:** Agentic product engineering, AI features for regulated markets, enterprise design systems, headless commerce and CMS, sovereign infrastructure, digital modernization ## What Rangle does - Launch new products at agentic speed - Ship AI features that survive demo-to-production - Modernize legacy stacks without halting delivery - Escape CMS and commerce lock-in - Scale design across products and brands - Align product strategy with executable roadmaps - Keep evolving products through a retainer-priced agentic loop - Agentic Platform Studio: build an agentic software factory on infrastructure you already own, open source with no vendor to onboard, and tooling that clears a regulated review ## Receipts - Nike's personalized AI shopping assistant, concept to production in 21 days - Endy headless migration, 4× faster load times - 173+ components delivered for a global retailer - Audit-ready posture from day one: AES-256-GCM, audit trails, EU AI Act readiness ## Solutions ### Build an Agentic Software Factory URL: https://rangle.io/solutions/agentic-platform-studio Agentic Platform Studio builds you an agentic software factory: the infrastructure it runs on, the assembly line that produces the work, and the audit evidence a regulator will ask for. Open source, installed into infrastructure you already own. ### Keep Evolving the Product You Already Shipped URL: https://rangle.io/solutions/agentic-product-evolution You shipped the product. Now every new feature triggers another scoping cycle. Rangle runs a retainer-priced agentic loop — a production-grade harness where agents handle throughput and humans handle judgment — so your roadmap keeps moving without another procurement cycle. ### Agentic Performance Management for Safety & Compliance URL: https://rangle.io/solutions/airbender Deploy AI agents safely at enterprise scale with Airbender's real-time monitoring, automated compliance, and unified governance — no backend code changes. ### Decide What to Build, Then Build It URL: https://rangle.io/solutions/align-product-strategy Strategy work that stalls in a deck never ships. Rangle does the intent layer (North Star, JTBD, domain decomposition) alongside the build, so the roadmap is shaped by what's actually buildable and lands in the team that has to ship it. ### Build the Practice, Not Just the Backlog URL: https://rangle.io/solutions/build-engineering-capability Most engineering capability work fails because the practice never makes it into the codebase. Rangle embeds coaches in your real product work — design systems, agentic delivery, frontend practice, DesignOps — so the capability stays after we leave. ### Escape CMS and Commerce Lock-In URL: https://rangle.io/solutions/escape-cms-and-commerce-lock-in Sitecore, AEM, Adobe Commerce renewal coming due? Rangle moves enterprises off monolithic DXPs onto composable stacks without a rewrite blast radius. ### Launch New Products at Agentic Speed URL: https://rangle.io/solutions/launch-new-products Greenfield product, real deadline. Rangle ships founder-grade MVPs and v1s as production systems in weeks, with the agentic delivery practice baked in for v2 and beyond. ### Modernize Your Stack Without a Rewrite URL: https://rangle.io/solutions/modernize-your-stack Your monolith is taxing every release. We replatform large enterprise systems into composable, performant stacks shipping value in weeks, not multi-year programs. ### Make Design a Throughput Multiplier URL: https://rangle.io/solutions/scale-your-design When design slows engineering down, the fix is rarely more designers. It's a design system, tokens that travel across brands, and DesignOps your teams can run. ### Ship AI Features, Not AI Demos URL: https://rangle.io/solutions/ship-ai-features AI on the roadmap, demos that never reach production. Rangle picks the right AI surface, ships it as a real feature with evals and observability, and keeps it working after the demo is over. ## Industries ### Meet Growing Customer Expectations URL: https://rangle.io/industries/financial-services We help financial services firms of all sizes truly innovate and transform in ways that get measured results and make the most of your technology investments. ### Use Digital to Disrupt Healthcare URL: https://rangle.io/industries/healthcare We help Health Tech & Pharma firms of all sizes truly innovate and transform in ways that get measurable results and make the most of your technology investments. ### Move at the Speed of Business URL: https://rangle.io/industries/retail We help retail firms of all sizes truly innovate and transform in ways that get measured results and make the most of your technology investments. ### Move People, Goods, and Ideas — Faster URL: https://rangle.io/industries/travel-logistics We help travel and logistics companies modernize digital platforms, unify design systems, and ship customer-facing products faster across global operations. ## Expertise ### Product & Platform Operating Model URL: https://rangle.io/expertise/operating-model Are your marketing and content teams getting blocked by IT resources? Early adopters of composable DxP architecture are already seeing the value. ### Outcome-based Digital Roadmap URL: https://rangle.io/expertise/digital-roadmap Define, design, and build with purpose through an approach centred on unblocking your digital ambitions. ### Agentic Solutions URL: https://rangle.io/expertise/agentic-ai Apply AI to product problems. Agents, workflows, and smart experiences that reset customer expectations and move real business outcomes. ### Agentic Product Engineering URL: https://rangle.io/expertise/agentic-product-engineering AI-augmented engineering workflows that ship production systems in weeks, not quarters. ### Design Systems URL: https://rangle.io/expertise/design-systems What is a design system? Building a business case? Get our guides, case studies, and ROI calculator and talk to our design system experts. ### Frontend Development URL: https://rangle.io/expertise/front-end-development From web pages to mobile apps to in-car displays and more, frontend continues to focus on and evolve around customer experience. ### Frontend Cloud URL: https://rangle.io/expertise/frontend-cloud Making a high-performing, well-designed site demands an integrated ecosystem. ### Headless CMS URL: https://rangle.io/expertise/headless-cms What is headless CMS? How do you choose the right headless CMS platform? Get our guides and case studies. ### Product Development URL: https://rangle.io/expertise/product-development With new products, traction is the thing that matters most. Build on a customer experience foundation, Rangle Go removes risk, drives alignment, and validates new areas of value. ### Software as a Medical Device URL: https://rangle.io/expertise/software-as-a-medical-device We built the world's first Javascript React Native app with CE marking as a class II SaMD. ### Talent Development URL: https://rangle.io/expertise/talent-development Build a strong talent bench by deploying a training model centered on hands-on learning, not classroom training. ## Services (Complete Catalog) 30 services across product engineering, design systems, AI delivery, and modernization: ### Enterprise-grade web applications URL: https://rangle.io/services/angular We have some of the deepest Angular expertise on the planet and have been building apps with it since its launch in 2010. ### Establish ROI & measuring impact, from start to scale URL: https://rangle.io/services/building-a-business-case Quantify Design System ROI for stakeholder buy-in. We help you articulate the impact on brand consistency, team efficiency, and product time-to-market. ### Deliver on-brand and on-time experiences URL: https://rangle.io/services/building-a-design-system Build a Design System from the ground up: plan the roadmap, ship the design kit and component library, and set up the operations to keep it evolving. ### Upgrade your CMS to streamline workflows and modernize your digital presence URL: https://rangle.io/services/choosing-a-cms Choose the right headless or traditional CMS for your business. We help you build the ROI case, run vendor selection, and plan a smooth migration. ### Ship flawless UIs with less work URL: https://rangle.io/services/chromatic We're world-class modern frontend tooling experts. ### Learn by solving real-world problems URL: https://rangle.io/services/designing-a-dojo Our team can help you design a dojo that fosters rapid learning and innovation in a collaborative setting. ### Deliver true personalization with Smart Experiences URL: https://rangle.io/services/designing-and-building-llm-powered-experiences Integrate LLMs into your product with user-friendly UX, controlled uncertainty, and guardrails — so your AI features stay safe, ethical, and on-brand. ### Scale Design System usage and satisfaction URL: https://rangle.io/services/driving-adoption-and-scaling Drive Design System adoption across your organization. We help you train teams, scale the system across products, and measure usage to prove ongoing value. ### Deliver safe, reliable and predictable LLM results URL: https://rangle.io/services/ensuring-model-consistency Tame LLM unpredictability with prompt engineering, retrieval grounding, and constrained model behaviour to deliver reliable, low-latency AI results. ### Confidently scale LLM in production URL: https://rangle.io/services/evaluating-llm-performance Treat model evaluations as unit tests for LLMs. Transform ambiguous dialogues into quantifiable experiments to make AI a more manageable software product. ### We are Experts in Agile Design that Drives Business Growth URL: https://rangle.io/services/experience-design Our teams drive growth and consistency through customer-centric solutions and outcomes-focused design. ### Achieve actual business outcomes instead of innovation theatre URL: https://rangle.io/services/failed-digital-factory If your digital factory transformation has stalled or failed to deliver the expected results, our team can help you get back on track. ### Don't just stand up! URL: https://rangle.io/services/failed-scaled-agile Don't just stand up! Build product and platform capabilities, move from project funding to persistent funding, and set up governance processes to ensure transparency, accountability, and continuous improvement. ### Design and prototype in one place URL: https://rangle.io/services/figma Master Figma's collaborative design platform with hands-on training, design system patterns, and prototyping workflows proven across enterprise teams. ### We help you define, align, and execute your digital-first roadmap with speed and agility URL: https://rangle.io/services/growth-transformation We're experts in lean-agile ways of working and can coach and teach your teams to do the same through Service Design and a Micro-Transformation model ### Understand the Job to be Done URL: https://rangle.io/services/jobs-to-be-done Our team will work with you to identify the key jobs your customers are trying to accomplish and understand their underlying motivations and desired outcomes. Through customer interviews, surveys, and data analysis, you will gain a deep understanding of the triggering event, motivation, and intended outcome of the job your customers are hiring your product to do. ### Build modern content platforms that help you move at the speed of the market URL: https://rangle.io/services/migrating-to-headless-cms Migrate to a headless CMS so your marketing team can ship campaigns without waiting on engineering — built on Contentful, Sanity, Builder.io, or Vercel. ### Making the dojo work URL: https://rangle.io/services/operationalizing-a-dojo We'll work with you to establish intake, consult, and charter processes that are tailored to your specific needs, and that ensure everyone is aligned and focused on delivering measurable results. ### Create optimized personalized experiences to boost your revenue URL: https://rangle.io/services/optimized-personalized-experiences Turn structured content and customer data into personalized experiences. Run multi-channel campaigns, A/B test variations, and lift engagement and revenue. ### Plan for outcomes, not just features URL: https://rangle.io/services/outcome-based-digital-roadmap Our approach emphasizes transparency, accountability, and communication, so you'll always know where you stand and what's coming next. Let us help you create a roadmap that drives real results and helps you achieve your business goals. ### Develop the capabilities to move forward in a digital-first era URL: https://rangle.io/services/product-and-platform-model Create cross-functional teams that focus on product development and platform efficiency, enabling you to respond quickly to market changes and enhance the customer experience. Our approach emphasizes collaboration and agility, helping you break down silos and improve communication across teams. ### Build the right way URL: https://rangle.io/services/product-development-delivery Ship high-quality products to market and keep optimizing them. Our agile teams of engineers and designers turn your product vision into reality. ### Build the right thing URL: https://rangle.io/services/product-development-discovery Validate product direction before full delivery. We use a make-to-learn approach to test viability, usability, and feasibility through working prototypes. ### Get traction through product-led growth URL: https://rangle.io/services/product-development-growth Drive product-led growth with user behaviour insights, conversion-rate optimization, and A/B testing — to earn traction and reach product-market fit. ### From vision to reality URL: https://rangle.io/services/product-vision-and-strategy Our approach ensures that your product vision and strategy are grounded in a deep understanding of your business goals, market trends, and customer needs. Establish metrics to track progress and adjust your strategy as needed to ensure you're always moving towards your North Star. ### Learn once, write anywhere URL: https://rangle.io/services/react We have some of the deepest React expertise on the planet and have been building apps with it since its launch in 2013. ### Service Design helps bring your 6-month roadmap to market quickly and confidently where it can evolve, without wasting 6 months planning URL: https://rangle.io/services/service-design Through collaborative workshops, independent research, and audits we get to the bottom of what's really impacting your customer experience. ### Assembling Your Dojo Dream Team URL: https://rangle.io/services/staffing-a-dojo We can help you identify the skills and expertise needed to support your specific business goals and challenges, and can provide guidance on how to structure your dojo for maximum impact. ### Build, scale, and secure a faster, personalized web experience URL: https://rangle.io/services/vercel We're world-class modern front-end tooling experts. ### Write once, run anywhere URL: https://rangle.io/services/web-components Our expert teams can help you build anything with web components. ## Technology Partners ### Scale Content Across Digital Experiences URL: https://rangle.io/partners/contentful Our certified experts collaborate with you to successfully execute your Contentful project so you can attract new customers, build loyalty, and drive more revenue. ### Design Digital Experiences at Scale URL: https://rangle.io/partners/figma We help teams gain Figma expertise, improve collaboration with development, and deliver innovative digital experiences across brands with Figma-enabled design systems. ### Delight Every Visitor with the Frontend Cloud URL: https://rangle.io/partners/nextjs-vercel Our experts work with Next.js and Vercel to deliver the best performance for your end users, while maintaining best-in-class SEO practices. ### Create Content in the Composable Era URL: https://rangle.io/partners/sanity As a Sanity partner, we help modern brands create the most performant and optimized experiences – from planning to implementation & beyond. ## Case Studies 34 real projects with measurable outcomes from work with global enterprises: ### Building a Scalable Design System in 4 Months URL: https://rangle.io/cases/design-system-travel-logistics Learn how we built a scalable design system in 4 months using Figma and shadcn/ui, reducing build times by 90% and enabling same-day marketing page creation for a European travel company's digital transformation. ### A design system foundation in 6 weeks URL: https://rangle.io/cases/avinode-design-system How we built a scalable design system foundation for Avinode in 6 weeks, unifying global teams and accelerating development across their aviation platform. ### Building a new view of care in 3 months URL: https://rangle.io/cases/kenvue-headless-digital-experience-platform We helped Kenvue modernize its digital presence by deploying a composable DXP and design system, enabling efficient migration and brand consistency across 80+ brands. ### The North Face: Global Figma Training & Design Ops Transformation in 6 Weeks URL: https://rangle.io/cases/the-north-face-global-figma-training-designops-transformation How we helped The North Face's global design teams streamline operations, standardize workflows, and accelerate campaign delivery through strategic Figma adoption. ### Figma UI Kit Development Case Study: How Amgine Cut Time-to-Design by 50% URL: https://rangle.io/cases/amgine-figma-ui-kit Rangle helped Amgine cut design time in half and achieve 80% UI coverage with a flexible, scalable UI Kit, laying the groundwork for a future design system. ### Three weeks to launch a scalable AI-powered marketplace solution with secure governance URL: https://rangle.io/cases/marketplace-ai-solution-governance In just three weeks, we built and deployed a secure human-in-the-loop matchmaking system for a service marketplace platform. Using generative AI and an open-source AI governance platform, the solution minimizes operational costs, accelerates lead response times, and scales without increasing headcount, with oversight, traceability, and control at its core. ### How We Built Nike's Personalized AI Shopping Assistant in Just 3 Weeks URL: https://rangle.io/cases/nike-generative-ai-ecommerce How Rangle built Nike's personalized AI shopping assistant in 3 weeks: an 8-day proof of concept, 6,300+ SKUs auto-tagged in a day, and an end-to-end generative-AI build. ### Revolutionizing B2B SaaS Marketing: A Successful 6-Month Migration from Crownpeak to a Modern Tech Stack (Vercel, Sanity, Next.js) URL: https://rangle.io/cases/emburse Revolutionizing B2B SaaS Marketing: A Successful 6-Month Migration from Crownpeak to a Modern Tech Stack (Vercel, Sanity, Next.js) ### From mockups to a multi-brand design system in 13 weeks URL: https://rangle.io/cases/telco We created a multi-brand design system that the client used to create an award-winning mobile app. Read our case study. ### Marketplace finds path to product-market fit in months, not years URL: https://rangle.io/cases/movebuddy Rangle and Movebuddy were able to build a marketplace and innovate on its business model in a matter of months, not years. Read our case study. ### How we helped a leading office supply retailer build their digital roadmap in 8 weeks URL: https://rangle.io/cases/techco We guided a leading office supply retailer to build their digital roadmap in 8 weeks. Read our case study. ### Simplifying the work of tax professionals with a mobile app URL: https://rangle.io/cases/blue-j-legal Blue J Legal successfully launched its AI-powered research tool and acquired its first paying customers during their partnership with Rangle. ### Rebuilding the native Dysport dosing guide to a Progressive Web Application in 5 months URL: https://rangle.io/cases/ipsen-dosing-guide We rebuilt Ipsen's native Dysport dosing guide to a Progressive Web Application with Vue.js in 5 months. Read our case study. ### We helped Springboard build 10 design components in 5 weeks URL: https://rangle.io/cases/springboard We helped Springboard build 10 design components in 5 weeks. Read our case study. ### A cutting-edge digital therapeutics app built in just a few short months URL: https://rangle.io/cases/digital-therapeutics-app We re-designed and improved the user flow for a digital therapeutics app in a few months. Read our case study. ### Building a modern tech stack for greater control and user experience URL: https://rangle.io/cases/greenbridge-foodservice We built an open-source, scalable platform for Greenbridge Foodservice, allowing them to focus on strategy and creating great customer experiences. ### How Invesco Enriches the Advisor-Client Experience with advisorDUO™ URL: https://rangle.io/cases/invesco We delivered an app using industry-leading accessibility best practices for Invesco. Read our case study. ### A neurosurgical medical device interface built in just 24 weeks URL: https://rangle.io/cases/synaptive-medical Improving surgical team communication and patient outcomes. Read our case study. ### 16 weeks to launch a design system for Varis, an Office Depot startup URL: https://rangle.io/cases/varis-design-system In 16 weeks, we delivered a design system for Office Depot startup, Varis, with ready-to-use components and governance in place. Read our case study. ### Headless Website Migration & Launch in 7 Weeks URL: https://rangle.io/cases/finco-headless-migration Within 7 weeks, we migrated and launched a US-based trading firm's website on Stackbit and Next.js. Without disrupting content production, we migrated over 500 pages, modernized the tech stack, and empowered content authors with a user-friendly authoring experience. The result was a fast, new site with a load speed of under one second. ### 2 weeks to redesign Flexday's website URL: https://rangle.io/cases/flexday-website Website redesign and improved user experience to reduce drop-off rates. Read our case study. ### 10 months to unify complex design system efforts at a leading global healthcare company URL: https://rangle.io/cases/sanofi In 10 months, we helped Sanofi build and deliver their Elements Design System to unify their global brand. Read our case study. ### 10 weeks to build and migrate to a new headless e-commerce platform with Sanity, Vercel and Shopify URL: https://rangle.io/cases/endy-headless-ecommerce Website re-platform and performant headless e-commerce platform build. Read our case study. ### Fostering Open Source community knowledge in partnership with Stripe URL: https://rangle.io/cases/stripe Businesses relied on an open-source library unprepared for new EU regulations. We built & led a community of hundreds of developers to fix it. ### Design System URL: https://rangle.io/cases/wabtec How a design system ensured the success of the Wabtec Corporation and GE Transportation merger. ### An AI-enabled demo from concept to functional model in just 2 weeks URL: https://rangle.io/cases/babbly Babbly's founder needed a machine learning algorithm in a few weeks to close a pre-seed investment round. Read how we did it. ### How Borrowell went mobile with a best-in-class app URL: https://rangle.io/cases/borrowell A brand-first mobile experience goes from concept to the App store in only three months. Read more. ### 9 months to launch the world's first Javascript React Native app with CE marking as a class II SaMD URL: https://rangle.io/cases/samd-ce-marking In just 9 months, we built a React Native class II software as a medical device (SaMD) to get CE marking. Read our case study. ### Transforming one of the world's largest retail companies into a digital-first organization URL: https://rangle.io/cases/retailer-design-system How a design system helped transform one of the world's largest retail companies into a digital-first organization. Read our case study. ### WeSwap x Rangle: Remote discovery for the new digital-only workplace URL: https://rangle.io/cases/weswap WeSwap was expanding their original offering of a prepaid travel currency card to further their user reach. ### Deep partnership with Google on Angular, the original enterprise JavaScript framework of choice URL: https://rangle.io/cases/google-angular-material Google chose us because our expertise on AngularJS are unmatched in the industry. Read our case study. ### Rangle and Staples make it easier to work, learn, and grow in their stores URL: https://rangle.io/cases/staples Reducing new product launch time from six months to two months. Read our case study. ### 4 weeks to market: A new headless e-commerce platform for Hims & Hers URL: https://rangle.io/cases/hims A new headless platform leveraging Contentful & React in 20 days. ### Improving your workspace booking experience with Flexday URL: https://rangle.io/cases/flexday In 2.5 months, we helped Flexday build a new version of their React Native app to tackle a new B2B market. Read our case study. ## Insights ### AngularJS support ended in 2022 URL: https://rangle.io/insights/angularjs-migration Migrating from AngularJS to Angular is complex. We'll partner with your development teams to co-create an action plan. AngularJS is now deprecated and you can't stall your migration any longer. ### Let's Talk About Your Design System URL: https://rangle.io/insights/enterprise-design-systems If your design system isn't accelerating AI-enabled development, let's talk. We've built 30+ enterprise design systems and component libraries, including UNIQLO, Kenvue, and Sanofi. ### Migrating from Forestry.io? Get a second opinion. URL: https://rangle.io/insights/forestryio-tina-cms-migration Forestry.io is being discontinued in April. We can get you there in time. Get a free call. ### How a major brand created a new website in one month URL: https://rangle.io/insights/headless-cms In 20 days, we built a new headless platform leveraging Contentful & React for ForHers.com. ### Thanks for reading our headless CMS playbook! URL: https://rangle.io/insights/headless-cms-playbook Be the first to know when we release new content in our headless series. ### The power of a Design System – without starting from scratch URL: https://rangle.io/insights/radius-design-system Don't start from scratch. Used by multi-brand Design Systems, Radius is a fully tested stack that handles the structure of your Design System. ### The power of a Design System – without starting from scratch URL: https://rangle.io/insights/radius3.0-design-system Companies using streamlined design systems typically reduce development time by nearly 50%. Make that a reality for your team with Radius 3.0. ### Launch 5+ sales campaigns every week – without developers URL: https://rangle.io/insights/smarter-sales-campaigns Launch 5+ sales and promotions every week – without developers. ## Blog 507 technical articles from Rangle's engineering team covering agentic delivery, design systems, headless architecture, AI in production, and modern frontend: ### Faster AI Coding Doesn't Mean Faster Delivery | Rangle (published 2026-08-05) URL: https://rangle.io/blog/faster-coding-doesnt-mean-faster-delivery AI has made implementation dramatically faster, but software delivery hasn't sped up to match. The bottleneck didn't disappear, it moved from writing code to everything surrounding it: clarity, alignment, architecture, and validation. ### What Is Agentic AI? A Practical Guide | Rangle (published 2026-07-28) URL: https://rangle.io/blog/what-is-agentic-ai Agentic AI is software that pursues goals across multiple steps using tools, planning, and judgment. What it is, how it works, when to use it, and when not to, from a team that builds it for enterprise clients. ### How to Improve AI ROI and Stop Your Budget From Spiraling | Rangle (published 2026-07-17) URL: https://rangle.io/blog/how-to-stop-your-ai-budget-from-spiraling 73% of enterprises exceeded their AI cost projections this year. The fix isn't rationing tokens. It's changing what you use them for. ### What Is a Developer Now? The Job Got Bigger | Rangle (published 2026-07-06) URL: https://rangle.io/blog/what-is-a-developer-now The industry agrees on where developer time goes now: more planning, more review. But that story leaves the unit of work untouched. The real shift is appetite and controls: each builder owning bigger, fuzzier scopes and building the systems that make them safe to trust. ### What Is Vibe Coding? The Data on Who's Actually Best at It | Rangle (published 2026-06-24) URL: https://rangle.io/blog/what-is-vibe-coding-surprising-data-on-whos-best-at-it Anthropic analyzed 400,000 AI coding sessions and found that domain experts succeed almost as often as software engineers. Here's what that means for operations, marketing, and business leaders who haven't considered vibe coding as an option. ### We rebuilt rangle.io for agentic search | Rangle (published 2026-05-21) URL: https://rangle.io/blog/we-rebuilt-rangle-io-for-agentic-search Five weeks of buildout, 850 pieces of content off Sanity, one engineer plus Claude. What rebuilding rangle.io for agentic search taught us. ### What the EU AI Act Actually Means for Product and Engineering Teams | Rangle (published 2026-04-01) URL: https://rangle.io/blog/what-the-eu-ai-act-means-for-product-and-engineering-teams Your team shipped an AI feature and someone asked if it's EU AI Act compliant. Here's how to figure out if it applies to you, what you'd actually need to build, and how long you have. ### The $265 Billion Question Your SaaS Vendors Can't Answer | Rangle (published 2026-03-25) URL: https://rangle.io/blog/the-265-billion-question-your-saas-vendors-cant-answer Private credit defaults are surging in mid-market SaaS. Here are seven questions to assess whether your vendors' AI governance will survive what's coming. ### Design Tools in the AI Era: What Actually Changed | Rangle (published 2026-02-18) URL: https://rangle.io/blog/design-tools-in-the-ai-era Design tools used to compete on features. Better prototyping. Smoother collaboration. Faster rendering. That race made sense when design was a human activity and the deliverable was pixels on a screen. ### Making Your Design System AI-Ready: What We've Learned & FAQ | Rangle (published 2026-02-03) URL: https://rangle.io/blog/making-your-design-system-ai-ready An FAQ from the Rangle design systems team on making design systems AI-ready—covering documentation strategies, semantic token naming, MCP servers, validation feedback loops, and practical guidance on bridging design systems with AI coding tools like Copilot, Cursor, and Claude. ### What is an Agentic CMS? | Rangle (published 2026-01-14) URL: https://rangle.io/blog/what-is-an-agentic-cms Your CMS shouldn't require a vendor's permission to evolve. ### What Is AEO? Answer Engine Optimization, GEO & SEO in 2025 | Rangle (published 2025-10-15) URL: https://rangle.io/blog/what-is-aeo-geo-seo Search engines now use AI to answer questions directly, often without sending users to your site. This comprehensive guide covers Answer Engine Optimization (AEO) and Generative Engine Optimization (GEO)—two complementary strategies for appearing in AI-generated answers, featured snippets, and voice search results. ### Why Enterprise Digital Transformations Fail: The Missing Product Definition Phase | Rangle (published 2025-10-15) URL: https://rangle.io/blog/why-agile-transformations-fail-product-definition Enterprise transformations consistently fail because companies rush from high-level strategy straight into design and development, bypassing the crucial work of defining what they're actually building and why. ### How to Protect Your Design System When Using AI Tools | Rangle (published 2025-09-26) URL: https://rangle.io/blog/how-to-protect-your-design-system-when-using-ai-tools The difference between AI that scales your design vision and AI that erases it? Whether your design system's implicit rules are documented where AI tools can actually read them. Here's how to teach AI what makes your design unique. ### The Fast Fashion Era of SaaS: How Agentic Development Disrupted Our Business Model | Rangle (published 2025-08-08) URL: https://rangle.io/blog/fast-fashion-era-of-saas-how-agentic-development-disrupted-our-business-model For over 12 years, our business model has been straightforward: time and materials billing based on developer hours. While others competed on price with offshore teams, we competed on our ability to solve complex problems in highly regulated industries, hitting impossible deadlines time and time again. We became the team enterprises called when they couldn't afford to fail – or when they'd already tried and it didn't work. ### When Vibe Coding Hits a Wall: A Developer's Guide to the OODA Loop | Rangle (published 2025-06-19) URL: https://rangle.io/blog/fix-vibe-coding-with-ooda-loop Vibe coding with Claude can lead to fast code and bad abstractions. Learn how the OODA Loop and interview step improve AI-generated code quality. Part of the 2025 AI Coding Workflow Best Practices Series. ### Why Your Digital Experience Platform Will Fail Without a Monorepo | Rangle (published 2025-05-23) URL: https://rangle.io/blog/why-your-dxp-will-fail-without-a-monorepo Most enterprise DXP failures stem from a single architectural flaw: fragmented codebases. A monorepo enforces integration discipline, reduces costs, and enables AI-driven personalization. Without it, your platform is at risk of collapse. If you're responsible for delivering a scalable customer platform, here's why foregoing a monorepo architecture is a strategic liability. ### GraphQL Performance Optimization | Rangle (published 2025-03-17) URL: https://rangle.io/blog/graphql-performance-optimization I recently joined a team in a great position - their GraphQL API PoC was green-lit to become the company's future platform and was nearing feature parity with their existing REST-ish API. As more product teams inside the company started building applications on the GraphQL API, the API team had to dedicate time to support, operations, bug fixes, and new features requested by product teams. Time for performance improvements was squeezed out, so I joined the effort to lower the server's response times and reduce resource usage with my fresh eyes and questions about everything. ### We've Been Building Software for 12 Years. Here's Why We're Betting on Agentic Development. | Rangle (published 2025-02-19) URL: https://rangle.io/blog/we've-been-building-software-for-12-years-heres-why-were-betting-on-agentic-development Agentic development is 2-4x faster. We price it that way. Most consultancies wouldn't. Faster delivery at the same rate means more margin. But we'd rather align incentives from day one than have clients wondering whether we're padding timelines. ### How to build a reliable AI agent with your headless CMS: a digital innovator's guide | Rangle (published 2025-02-13) URL: https://rangle.io/blog/how-to-build-a-reliable-ai-agent-with-headless-cms I'm not a developer, but I built and deployed a headless AI agent in a single day – at zero cost. In this guide, I'll walk through my approach, the technologies I used, and how I integrated embeddings from our headless CMS for retrieval-augmented generation (RAG). I'll also cover how I implemented an open-source AI governance tool to ensure accountability and monitoring. ### Why you should go headless to ship AI-driven experiences | Rangle (published 2024-12-04) URL: https://rangle.io/blog/headless-ai-why-you-should-go-headless-to-ship-ai-driven-experiences Adopting a headless architecture enables businesses to launch AI-driven experiences faster – without requiring a complete overhaul of existing tech stacks. Industry leaders like Nike and Alaska Airlines use this approach to cut costs and deliver AI-powered customer experiences that set them apart. ### You Have an AI Team–But Can They Deliver Products That Solve Real Problems? | Rangle (published 2024-11-27) URL: https://rangle.io/blog/you-have-an-ai-team-but-can-they-deliver-products-that-solve-real-problems AI initiatives often get stuck in the Proof of Concept (POC) stage or fail to deliver tangible business value. The team might "build the solution," but it doesn't address the real problem. ### How does AI change the role of product managers? A balanced perspective | Rangle (published 2024-11-26) URL: https://rangle.io/blog/how-does-ai-change-the-role-of-product-managers AI is transforming how products are built and experienced, introducing new tools, processes, and challenges for product managers, but it doesn't fundamentally alter their core mandate of delivering customer and business value. While PMs must now navigate complexities like non-deterministic experiences and data readiness, their focus remains on understanding users, solving problems, and driving outcomes, not just implementing AI for its own sake. ### How to modernize your front-end tech stack for AI without disrupting legacy systems: a digital innovator's guide | Rangle (published 2024-11-19) URL: https://rangle.io/blog/modernize-your-front-end-tech-stack-for-ai-without-disrupting-legacy-systems Enterprises often struggle with rigid, outdated front-end systems that drive up costs and hinder their ability to adapt to market demands. Here's what a modern, AI-ready tech stack looks like and how you can achieve AI readiness incrementally in complex enterprise environments. ### Supercharging E-commerce Promotion Management with Sanity and Shopify | Rangle (published 2024-07-16) URL: https://rangle.io/blog/sanity-community-meetup-2024 Promotions are the lifeblood of e-commerce, but managing their lifecycle can be daunting. At the Sanity Community Meetup Toronto, Nataliya shared an approach that allows you to launch a sale in a fraction of the time you are doing it now, empowering your team to innovate and stay ahead of the competition. ### The OWASP Top 10 for LLMs & GenAI: A Definitive Guide for Developers and Practitioners | Rangle (published 2024-07-06) URL: https://rangle.io/blog/owasp-top-10-llms-genai-security-guide Discover the OWASP Top 10 for LLMs & GenAI and learn essential strategies to secure your AI models and applications. ### The Multiverse of Design System Adoption | Rangle (published 2024-07-06) URL: https://rangle.io/blog/the-multiverse-of-design-system-adoption It seems simple: to be successful, a design system needs to help product teams deliver on their roadmap. However, many design system initiatives miss this crucial consideration. In this edition, we'll discuss two common challenges organizations face when implementing design systems. Additionally, this edition features an updated foreword by Mike Costanzo, SVP of Product & Design, following Figma's massive Config 2024 conference. ### Integrating your Design System into your Headless CMS for an Exceptional User and Authoring Experience | Rangle (published 2024-07-05) URL: https://rangle.io/blog/integrating-your-design-system-into-your-headless-cms Design systems and headless content management systems (CMS) are two powerful tools that, when combined, will not only create an outstanding user experience (UX) but also an ideal authoring experience for the content team. By understanding how to integrate these two different platforms, and aligning them with business objectives, developers and designers can help content creators self-serve so they can build visually appealing digital experiences while maintaining consistency. ### 6 Ways Your New Design System WILL Fail and 4 Reasons You Need It To Achieve Your Digital-First Goals | Rangle (published 2024-07-05) URL: https://rangle.io/blog/six-ways-your-new-design-system-will-fail Design Systems are all the rage these days, but the sad fact is that most of them stall out due to a) the inherent complexity of organizations (NOT software), b) a lack of experience in the adoption and evolution of a design system, and c) the workflow and cultural changes across designers and developers. To help think through goal setting and strategies to avoid failure and ensure mission-critical strategic success, here are 6 failure modes and 4 reasons why you need to overcome them. ### A Practical EU AI Act Compliance Guide (2024) | Rangle (published 2024-06-29) URL: https://rangle.io/blog/eu-ai-act-compliance-guide-2024 Looking for a practical guide to navigating regulatory compliance of the 2024 EU AI Act? This comprehensive resource is designed for companies building products powered by generative AI – what the act calls general purpose AI models. Stay compliant and build user trust with our actionable steps and best practices. ### Nouns and Verbs: Frontend, Backend and Why Monorepos | Rangle (published 2024-06-26) URL: https://rangle.io/blog/nouns-and-verbs Frontend: nouns in flux, / Backend: verbs drive hidden tasks, / Monorepos thrive. ### This is how you ship software | Rangle (published 2024-06-26) URL: https://rangle.io/blog/this-is-how-you-ship-software Average customer experience (CX) quality in the US declined for an unprecedented third year in a row and now sits at an all-time low. It's more important than ever for digital-first companies to embrace continuous delivery, prioritize working software, and transform your digital opperations to outpace competitors. ### Radius 3.0 – Revolutionizing Design Systems | Rangle (published 2024-06-24) URL: https://rangle.io/blog/radius3-launch Radius 3.0 is a game-changing design system meta-framework that will redefine how you build digital products. Did you know that companies using streamlined design systems can reduce development time by up to 50%? Radius 3.0 is here to make that a reality for your team. ### How to do personalization in marketing | Rangle (published 2024-06-10) URL: https://rangle.io/blog/how-to-do-personalization-in-marketing Personalization is crucial in marketing to build strong relationships with customers and can lead to significant financial benefits. However, traditional personalization methods can be time-consuming, prone to errors, and can compromise website performance. A more effective approach is intent-based personalization, which focuses on the customer's needs and actions. Consumers want personalized experiences, but they also expect fast, secure, and relevant content, and marketers must balance personalization and performance to deliver a successful customer experience. Read on to see how you can deliver personalized experiences much more easily and without compromising your Core Web Vitals. ### The Future of AI-Powered Healthcare | Rangle (published 2024-05-23) URL: https://rangle.io/blog/the-future-of-ai-powered-healthcare The "Future of AI-Powered Healthcare" meetup explored how AI is transforming women's health by improving diagnostics, treatment options, and addressing care disparities. Cindy, Garima Gale, Shazia Akbar, and Emma Tolstorf shared insights on advancements in personalized medicine, focusing on fertility, hormonal tracking, and pelvic health, with companies like Future Fertility, Juniper Genomics and Eli Health leading the way. Emphasizing the importance of creating data sets tailored to women's unique physiological needs, the session also highlighted strategies for ensuring equitable access to AI-powered healthcare. This includes leveraging existing hardware like smartphones and partnering with enterprises to provide personalized care solutions that are accessible and practical for all women. ### Demystifying the Frontend Cloud: What is it and why should you care? | Rangle (published 2024-05-08) URL: https://rangle.io/blog/demystifying-the-frontend-cloud Welcome to the realm of frontend cloud. If you're feeling a bit lost, don't worry – you're not alone. In this blog post, we'll demystify the frontend cloud, break down the jargon and explore its benefits to understand why it's crucial for your digital success. ### Decide and Commit: A Rubric for Successful Digital Transformation in Under 12 Months | Rangle (published 2024-05-07) URL: https://rangle.io/blog/decide-and-commit Many companies dream of unifying their disparate products into a single customer-centric platform to achieve happier customers, competitive differentiation, and a larger market share. Yet Forrester reports that less than 3% of companies are customer-obsessed. Rangle, an elite frontend platform and agile practices consultancy, has been helping customers achieve this for 10 years. In this blog post, we reflect on our experiences and share our recommendations for a successful digital transformation in under 12 months. ### Take the Type Challenge | Rangle (published 2024-05-07) URL: https://rangle.io/blog/take-the-type-challenge Dive into the Type Challenges with Rangle Solution Architect, Adam Sullovey to boost your TypeScript skills and master complex types! This series of programming puzzles will expand your knowledge, improve your debugging skills, and increase your confidence in the TypeScript compiler. Follow our suggested approach, leverage helpful tips, and learn from video and written solutions to conquer these challenges and better understand intricate TypeScript code. Read on to get started and unlock the full potential of TypeScript! ### Using Figma Variables to build a Multi-Brand Design System | Rangle (published 2024-05-06) URL: https://rangle.io/blog/using-figma-variables-to-build-a-multi-brand-design-system Interested in learning how to build a multi-brand design system using Figma variables? We suggest two approaches for organizing your design system based on the number of brands and their distinctiveness. Using Figma variables offers several benefits, including centralized asset management, brand customization, and efficient design workflow. However, managing a multi-brand design system also presents challenges such as collaboration, scalability, and governance. Overall, the strategic use of variables can revolutionize how you manage and present your brand identities. ### Developing Your Token Structure | Rangle (published 2024-04-26) URL: https://rangle.io/blog/developing-your-token-structure If you've wondered how to get more out of your design system, the answer lies in a robust token structure. Uncover the secrets of effective token taxonomy, using a three-tiered architecture: primitive, semantic, and component tokens. As design maturity evolves, so do token structures. Discover the three levels of token models that can transform your design system, and how to tailor your token structure to your organization's needs and maturity. ### Our Journey at ng-conf 2024: Innovations, Insights, and Inspirations | Rangle (published 2024-04-17) URL: https://rangle.io/blog/ng-conf-2024 A few weeks ago, our team had the incredible opportunity to attend ng-conf 2024, the world's original Angular conference, where we immersed ourselves in the latest developments and best practices in Angular technology. It was an enlightening experience that not only showcased the evolving landscape of web development but also reinforced our commitment to delivering exceptional digital solutions. ### Launching Sales Campaigns Without Developers (Sanity) | Rangle (published 2024-04-15) URL: https://rangle.io/blog/transforming-sales-campaigns Learn how to launch promotional banners and sales content seamlessly across your site without developer bottlenecks. We cover how to audit your sales content workflows to create a headless e-commerce roadmap that works for your brand and walk through examples of how we've solved sales campaigns for major e-commerce brands. ### Migration to Storybook 8 | Rangle (published 2024-04-11) URL: https://rangle.io/blog/migration-to-storybook-8 Storybook version 8 was officially launched last month. Are you still deciding whether to upgrade your project to use this latest version of Storybook? This article discusses the changes this upgrade brings and offers thoughts on planning for a smooth migration to this new version of Storybook. ### The Switch to Variables | Rangle (published 2024-04-10) URL: https://rangle.io/blog/the-switch-to-variables In this blog, we compare the strengths and weaknesses of Figma variables and Tokens Studio, and the implications of each on the design system you're creating. ### How harsh prioritization helps for successful Lean projects | Rangle (published 2024-02-22) URL: https://rangle.io/blog/how-harsh-prioritization-helps-for-successful-lean-projects Prioritization in Lean projects is not a means to manage scope and budget; it is a tool to ensure that you remain focused and deliver fast towards a MVP that will help validate a hypothesis and market fit. Read on for how we do Lean delivery at Rangle. ### Figma's Dev Mode – Why Design System Teams Love It | Rangle (published 2024-02-15) URL: https://rangle.io/blog/dev-mode-why-design-system-teams-love-it Figma's commitment to collaboration tools, such as comments and developer plugins, ensures a seamless and transparent exchange of ideas between design and development teams. With Figma's Dev Mode, the communication gap has narrowed, and developers are now equipped with a tool that not only enhances their workflow but also fosters a collaborative and productive development experience. ### SSG, SSR & Contentful Headless CMS with Angular | Rangle (published 2024-01-25) URL: https://rangle.io/blog/ssg-ssr-contentful-with-angular In this webinar, our solution architect, Robyn Dalgleish, takes you through the process of building a high-performing Angular app. During this session, Robyn explores key topics, including: rendering strategies to achieve optimal speed; introducing a meta-framework called Analog; dynamic component rendering and routing in Angular; and harnessing the power of Contentful headless CMS. ### Navigating the AI Roadmap: Strategies for Efficient Integration | Rangle (published 2024-01-16) URL: https://rangle.io/blog/navigating-the-ai-roadmap In this webinar, we talk about useful frameworks for companies thinking about deploying AI in their context and building products with it. ### Advancing Workplace Health with AI: Transforming Safety and Morale | Rangle (published 2023-12-15) URL: https://rangle.io/blog/advancing-workplace-health-with-ai Leverage AI to advance workplace safety and employee health by integrating NLP, sentiment analysis, and computer vision, effectively improving both mental and physical health conditions for employees. ### AI in E-Commerce: Mastering Dynamic Pricing and Smart Inventory | Rangle (published 2023-12-08) URL: https://rangle.io/blog/mastering-dynamic-pricing-and-smart-inventory Discover how AI revolutionizes retail with dynamic pricing and efficient inventory management, boosting market adaptability and operational efficiency. ### An Architect's Perspective on Generative AI and His Future Teammates | Rangle (published 2023-11-27) URL: https://rangle.io/blog/an-architects-perspective-on-generative-ai A software architect reflects on two talks at FITC Web Unleashed 2023 that shaped his thinking on generative AI — exploring how different groups are adopting LLMs, the ethical tensions around training data, and what it will mean when today's AI-native students become tomorrow's teammates. ### Avoiding the Design System Death Spiral | Rangle (published 2023-11-27) URL: https://rangle.io/blog/avoiding-the-design-system-death-spiral Whether you're a designer, developer, product manager, or design system enthusiast, this webinar empowers you with the knowledge and tools to ensure your design system's success. ### Navigating the Era of AI Watermarking: A Strategic Imperative | Rangle (published 2023-11-24) URL: https://rangle.io/blog/navigating-the-era-of-ai-watermarking Explore how AI watermarking is revolutionizing business practices in the digital era. With the rise of AI content, watermarking ensures authenticity, bolstering consumer trust and aligning with emerging regulations. This article delves into its impact across sectors like healthcare and e-commerce, highlighting its role in operational efficiency and market trend insights. ### What's new in Angular 17? | Rangle (published 2023-11-15) URL: https://rangle.io/blog/angular-17-updates Angular 17 was released on November 8, 2023, introducing several new features and enhancements, such as SSR, View Transitions API, support for TypeScript 5.2 and more. These enhancements are set to significantly enhance the Angular development experience and provide more efficient, flexible and performant solutions. The updates are outlined in the sections below. ### Optimizing E-Commerce AI without Compromise: Security and Cost Insights | Rangle (published 2023-11-10) URL: https://rangle.io/blog/Optimizing-E-commerce-AI-without-compromise Uncover the best practices for deploying secure and efficient LLMs in e-commerce, from leveraging Microsoft Azure's AI-specific security features to utilizing cost-saving RAG models. Learn how to protect proprietary data with stringent security protocols for LLM transactions. ### The Security Imperative: Protecting E-Commerce Platforms with LLM Oversight | Rangle (published 2023-11-10) URL: https://rangle.io/blog/The-Security-Imperative-LLMs Uncover the critical security threats LLMs pose in e-commerce, including insecure output handling and malicious content creation. Learn how advanced protocols and diligent data governance can reinforce LLM operations, safeguarding your online business and customer data. ### Why You Should Use Tokens & Tokens Studio | Rangle (published 2023-11-08) URL: https://rangle.io/blog/why-you-should-use-tokens-and-tokens-studio You're using tokens and you don't even know it. One of the goals of a design system is to close the gap between multiple disciplines and especially between design and development. With the features and tools Figma provides us, this gap becomes smaller. But what if I tell you with the proper integration of design tokens, we can make this gap closer than it was ever before. Let's talk about tokens and how it can level up your design system. ### Increasing Productivity with GitHub Copilot | Rangle (published 2023-10-27) URL: https://rangle.io/blog/Increasing-Productivity-With-GitHub-Copilot Discover how GitHub Copilot, powered by OpenAI's Codex model, significantly enhances developer productivity and code quality. Dive into its capabilities in code completion, test case generation, and insightful commenting. Boost coding efficiency and fulfillment with this advanced AI-driven tool. ### A practical guide to AI-driven website internationalization | Rangle (published 2023-10-27) URL: https://rangle.io/blog/a-practical-guide-to-ai-driven-website-internationalization Generate nuanced translations for your e-commerce site using AI. Learn how to set up, fine-tune, and integrate AI models seamlessly with your headless CMS for automatic content translation. Uncover practical steps for implementation, from choosing the right language model to architecting efficient translation workflows that align with your budget and goals. ### Unlock smarter e-commerce merchandising with AI and multimodal language models | Rangle (published 2023-10-27) URL: https://rangle.io/blog/unlock-smarter-ecommerce-merchandising-with-ai-and-multimodal-language-models A practical guide to using AI to curate product collections at scale, make product recommendation and search algorithms smarter with semantic awareness, and empower teams to deliver seamless customer experiences. ### Losing your head without losing your (SEO) juice | Rangle (published 2023-10-03) URL: https://rangle.io/blog/headless-seo-codeword-conf-2023 Going headless does not automatically bestow upon your site better SEO and speed. What it does is give you the freedom, flexibility and control to implement the right strategy for your business. We discuss the technical factors to optimize for SEO and performance in your headless application. ### iOS Location Services: Cut Battery Drain, Keep Accuracy | Rangle (published 2023-09-13) URL: https://rangle.io/blog/optimizing-ios-location-services Lowering location accuracy is not the best way to reduce your app's power usage. Use these configurations for iOS background location services and stop draining your users' batteries. ### Reduce JavaScript Bundle Size with Webpack and Statoscope | Rangle (published 2023-09-11) URL: https://rangle.io/blog/bundle-size-optimization-a-practical-guide-using-webpack-and-statoscope Optimizing bundle size is critical for high-performance web applications. Learn how to use Webpack Bundle Analyzer and Statoscope to identify and visualize imported modules in your codebase for quicker page load times. ### The easiest way to clean up Figma Library Dependencies | Rangle (published 2023-07-24) URL: https://rangle.io/blog/easiest-way-to-clean-up-figma-library-dependencies Learn how we manage design debt in our file asset library by detaching components and styles from unwanted libraries in Figma. No more messy libraries. Our new Figma plugin "Missing Library Usage Finder" locates and detaches components, while "Library Style Detail Extractor" identifies styles and components linked to an unwanted library for easy removal. Simplify your design system management with these tools. ### How to render dynamic components in Angular | Rangle (published 2023-07-24) URL: https://rangle.io/blog/how-to-render-dynamic-components-in-angular Dynamic components empower content authors to independently draft, publish, and modify pages without relying on developer assistance and are essential to headless CMS architecture. However, Angular's hierarchical structure and intricate rendering process pose challenges to building and implementing headless platforms in Angular. In this article, we'll walk through our approach to dynamically rendering components in Angular, with a working Angular application as an example. ### How to Use Figma Variables in Your Design System with Tokens Studio | Rangle (published 2023-07-07) URL: https://rangle.io/blog/figma-variables-in-design-systems-with-tokens-studio Variables are an exciting new feature recently announced by Figma at Config 2023. Learn about the advantages and limitations of variables, how you can integrate them with Tokens Studio, and what it means for design systems. ### CMS Architecture: Static Site Generation (SSG) & Server-Side Rendering (SSR) in Angular with Analog | Rangle (published 2023-07-07) URL: https://rangle.io/blog/ssg-ssr-in-angular-with-analog Analog (aka AnalogJS) is a meta framework built on top of Angular that simplifies the implementation of SSG and SSR in Angular applications. In this webinar, we demo an Angular application and walk through how to build the highest-performing Angular application that you possibly can. We address questions about hosting, deployment, use cases for SSG/SSR vs. client-side rendering, and the stability of Analog. ### Build your design system up to 30% faster with Radius! | Rangle (published 2023-07-04) URL: https://rangle.io/blog/build-your-design-system-with-radius Design systems have become an essential part of modern digital platforms, providing a centralized framework for creating cohesive, consistent, and scalable omnichannel experiences. Thinking about building a design system? See how Radius can accelerate your journey. ### Figma makes a big step forward! | Rangle (published 2023-06-30) URL: https://rangle.io/blog/figma-makes-a-bit-step-forward Figma has made a big leap forward and is striving to enable a new kind of designer within the tool: the technical-inclined designer, who is closer to a developer and likes to figure out the logic and set up their designs to scale. ### What is memoization in React? | Rangle (published 2023-06-29) URL: https://rangle.io/blog/react-memoization React provides several built-in mechanisms for memoization, which can enhance performance by optimizing component rendering. When used correctly, these techniques allow you to selectively memoize components or their parts to prevent unnecessary re-renders. ### Building blazing-fast websites with Next.js and Sanity.io | React Summit 2023 | Rangle (published 2023-06-22) URL: https://rangle.io/blog/build-blazing-fast-websites-with-nextjs-and-sanity Watch our hands-on workshop at React Summit 2023, where we showed how to build a high-performance headless website using Next.js, Sanity, and the JAMstack architecture. ### Headless CMS: A destination or a springboard to DXP? | Rangle (published 2023-06-08) URL: https://rangle.io/blog/headless-cms-springboard-to-dxp In this blog post, we'll review how a headless CMS can be both a destination when migrating from a monolithic CMS or a springboard and a solid foundation for a successful composable DXP strategy. ### Stackbit Transforms the Headless CMS Workflow with a Visual Editing Experience | Rangle (published 2023-06-05) URL: https://rangle.io/blog/stackbit-headless-cms-visual-editing Most headless CMS platforms require authors to edit their content using a structured interface. Stackbit revolutionizes content management by providing an editing experience in a live preview environment. Along with a wide variety of exciting features, like a Git-based CMS workflow and integrations with tools like Storybook and Cloudinary, Stackbit transforms the CMS workflow for content authors and developers alike. ### Implementing the value pattern: Best practices and pitfalls to avoid | Rangle (published 2023-05-31) URL: https://rangle.io/blog/implementing-the-value-pattern In the final article of our four-part series, "The Value Pattern: Migrating to Headless CMS with Confidence," we discuss best practices and potential pitfalls to implementing the value pattern. ### Adopting the value pattern: Four benefits and use cases | Rangle (published 2023-05-30) URL: https://rangle.io/blog/benefits-of-the-value-pattern In the second article of our four-part series, "The Value Pattern: Migrating to Headless CMS with Confidence," we discuss the benefits of adopting the value pattern approach and use cases to see it in action. ### Planning Your Headless CMS Migration: A Step-by-Step Guide | Rangle (published 2023-05-30) URL: https://rangle.io/blog/planning-your-headless-cms-migration Successfully migrating from a traditional CMS to a headless one using the Value Pattern requires lean planning and strategy. In part three of our four-part series, "The Value Pattern: Migrating to Headless CMS with Confidence," we introduce a step-by-step roadmap to navigate your journey smoothly and efficiently. ### The value pattern approach for headless CMS migrations | Rangle (published 2023-05-29) URL: https://rangle.io/blog/value-pattern-approach-for-headless-cms In the first article of our four-part series, The Value Pattern: Migrating to Headless CMS with Confidence, we introduce the value pattern approach and a step-by-step process of how it looks in the context of a CMS migration. ### Rangle Employee Spotlight: Get to know Michael Mrowetz | Rangle (published 2023-05-26) URL: https://rangle.io/blog/employee-spotlight-michael-mrowetz Meet Michael Mrowetz, Senior Solution Architect, Head of Experience Architecture at Rangle. Get to know more about his role, his approach to working with clients, and advice for those looking to move into an architecture role! ### A quick start guide for enterprises: How to use a Frontend Cloud solution like Vercel within your corporate IT strategy | Rangle (published 2023-05-17) URL: https://rangle.io/blog/vercel-for-enterprises This article discusses how to use a modern frontend cloud solution like Vercel within your corporate IT strategy and a way to retain your frontend staff who crave a modern way of working. ### From prototype to product: the role of real-world testing in creating effective design | Rangle (published 2023-05-15) URL: https://rangle.io/blog/effective-design-testing In this blog post, we discuss why real-world testing is crucial for designers to validate assumptions, catch issues, prioritize changes, and deliver effective solutions to clients and stakeholders. ### An ode to design | Rangle (published 2023-05-11) URL: https://rangle.io/blog/an-ode-to-design What is good design? Our Director of Visual Design Filip Mroz wrote this poem as an ode to design. Enjoy! ### E-commerce Replatforming: The Composable Way | Rangle (published 2023-05-10) URL: https://rangle.io/blog/ecommerce-replatforming By shifting from an all-in approach to a more agile and flexible strategy, the replatforming business case becomes easier to draft and pitch to business leaders. Here are five best practices for building a business case for e-commerce replatforming. ### Angular schematics explained | Rangle (published 2023-05-05) URL: https://rangle.io/blog/angular-schematics-for-developers-part-2 In this article, we will take a deeper dive and focus on the technical details around Angular schematics. ### Rangle Employee Spotlight: Get to know Deidre VanWynsberghe | Rangle (published 2023-04-28) URL: https://rangle.io/blog/employee-spotlight-deidre-vanwynsberghe Meet Deidre VanWynsberghe, Software Architect at Rangle. Get to know more about her role, what success looks like as a software architect, and her hobbies and interests outside of work. ### Five digital experience platform pitfalls and how to avoid them | Rangle (published 2023-04-25) URL: https://rangle.io/blog/5-dxp-pitfalls-to-avoid A digital experience platform (DXP) unifies marketing, content management, and e-commerce into a single platform, enabling consistent omnichannel experiences for the user. It is a tremendously powerful tool if built right. ### The Digital Business Case for Large Enterprises: Build your own success story while managing organizational risk | Rangle (published 2023-04-21) URL: https://rangle.io/blog/the-digital-business-case Digital transformation is an evolution; the journey to cloud services and SaaS saw many companies updating HOW they do their digital business cases. However, in our experience, there have been two critical factors that have been greatly miscalculated or ignored entirely: Impact on Operations and Impact on Costs. ### Designing the future with design contexts as code | Rangle (published 2023-04-10) URL: https://rangle.io/blog/design-contexts-as-code-part-1 Named Design Contexts and Design Contexts as Code (DCaC) can greatly simplify the process of creating a scalable design system that is easier to understand and more friendly to change. ### 5 Best Practices for Digital Experience Platform Implementation | Rangle (published 2023-04-06) URL: https://rangle.io/blog/5-best-practices-for-digital-experience-platform-implementation Successful DXP implementations increase customer engagement, streamline processes, and improve satisfaction across various industries. Here's how we do it. ### AI and the Future of Digital Experience Platforms | Rangle (published 2023-04-06) URL: https://rangle.io/blog/ai-and-the-future-of-digital-experience-platforms The future of digital experience platforms will be shaped by the ongoing evolution of technologies such as generative AI, voice and conversational interfaces, augmented and irtual reality (AR/VR), internet of things (IoT), and edge computing, as well as the growing importance of data privacy and security. By staying ahead of these developments and embracing the full potential of DXPs, organizations can maintain their competitive edge and ensure their long-term success in the digital age. ### Make Your Business More Resilient with a Digital Experience Platform | Rangle (published 2023-04-06) URL: https://rangle.io/blog/digital-experience-platforms-augment-business-resilience Digital experience platforms enable businesses to respond to market disruptions and seize new opportunities quickly. This is particularly crucial in today's dynamic business environment, where the ability to adapt and pivot quickly can mean the difference between success and failure. ### What is a Digital Experience Platform? | Rangle (published 2023-04-06) URL: https://rangle.io/blog/what-is-a-digital-experience-platform A digital experience platform (DXP) is an ecosystem of tools and capabilities that create, manage, and optimize digital experiences across various touchpoints. A successfully designed and implemented DXP delivers outstanding digital experiences, drives innovation and transformation, and provides a competitive advantage in an ever-changing world. ### Rangle Employee Spotlight: Get to know Jas Der (published 2023-03-28) URL: https://rangle.io/blog/employee-spotlight-jas-der Meet Jas Der, one of our Agile Delivery managers at Rangle. Get to know more about their role, what success looks like as an Agile Delivery Manager at Rangle, and their hobbies and interests outside of work. ### Solving HIEs Revenue and Adoption Challenges with Service Design | Rangle (published 2023-03-24) URL: https://rangle.io/blog/solving-HIE-adoption-challenges-with-service-design Service design can help HIEs increase patient adoption and unlock value-driven revenue streams. In this article, we discuss three service design principles for HIEs to consider for their strategy and operating model to ensure user-centricity and accessibility. ### Headless CMS essentials: Live Preview, featuring Sanity.io | Rangle (published 2023-03-22) URL: https://rangle.io/blog/headless-live-preview By using a live preview in your headless CMS, content authors can have the best of both worlds: a familiar, visual editing experience combined with improved performance, flexibility, and scalability. ### Using Angular schematics to supercharge the developer experience | Rangle (published 2023-03-14) URL: https://rangle.io/blog/angular-schematics-for-developers-part-1 In this article, we'll explore practical use cases of leveraging Angular schematics to enhance the developer experience for both your team and developers who adopt your design system. ### Design System Product-Market Fit: Common design systems adoption pitfalls and how to avoid them | Rangle (published 2023-03-09) URL: https://rangle.io/blog/design-systems-adoption-pitfalls-and-recommendations In this article, we share the most common pitfalls we see companies make who are planning or stuck in a failing design system project. ### How to Choose the Right Headless CMS for Your Stack | Rangle (published 2023-03-08) URL: https://rangle.io/blog/personalized-guide-to-headless-cms Choosing a headless CMS can be a daunting task. We created a tool for you to chat with our headless platform expert Scott Fuller to help you find the best headless solution for your business. ### Best Headless CMS Platforms | Rangle (published 2023-03-07) URL: https://rangle.io/blog/best-headless-cms Contentful, Sanity, and Strapi are the headless CMS platforms we recommend most often to our clients. Here's a comparison of features that matter, plus an in-depth guide to choosing the right headless CMS platform for you. ### Build a Headless E-commerce Site with Sanity & Shopify | Rangle (published 2023-03-03) URL: https://rangle.io/blog/build-a-headless-e-commerce-site-with-sanity-and-shopify We walk through the steps of using Sanity Connect to sync data between Shopify & Sanity. ### A good roadmap to the ideal UI/UX design | Rangle (published 2023-02-28) URL: https://rangle.io/blog/ui-ux-roadmap What do the UX and UI design processes look like? This article will guide you to better understand how to form a good UX/UI product testing roadmap. ### Headless CMS explained in thirty seconds | Rangle (published 2023-02-22) URL: https://rangle.io/blog/what-is-headless-cms A headless CMS offers more flexibility to integrate with a variety of front-end solutions and devices, making it an excellent option for highly scalable and performance-focused websites. Non-technical team members can edit content, optimize for SEO and performance, and use the same content across different channels and touch points. ### Rangle Employee Spotlight: Get to know Filip Mroz (published 2023-02-21) URL: https://rangle.io/blog/employee-spotlight-filip-mroz Meet Filip Mroz, Director of Visual Design at Rangle. Get to know more about his role, what "drew" him to become a designer, what success looks like as a designer at Rangle, and advice for those looking to move into a design role. ### Exposing Figma tokens to design system consumers | Rangle (published 2023-02-14) URL: https://rangle.io/blog/exposing-figma-tokens-to-design-system-consumers This article discusses developing and implementing design system components using Tokens Studio (formerly Figma Tokens), and how to expose tokens to design system consumers so they can use them as well. ### The ABCs of DXPs | Rangle (published 2023-02-07) URL: https://rangle.io/blog/abcs-of-dxps What is a digital experience platform (DXP)? This overview explores what it is, the benefits, and a glossary of common DXP terms to keep in mind. ### We asked ChatGPT to choose the best headless CMS. This is what happened. | Rangle (published 2023-02-06) URL: https://rangle.io/blog/headless-cms-comparisons Plus, what AI won't tell you about how to choose a headless CMS. Read how Sanity, Contentful, and Strapi compare on features that matter. ### Find the cutest elephant – Multi-factor scoring 101 | Rangle (published 2023-02-06) URL: https://rangle.io/blog/multi-factor-scoring-101 Search engines use this technique to present the most relevant search results. At Rangle, we built a learning plan generator using multi-factor scoring to rank study topics. And today, we will apply this method to find the cutest elephant! ### Digital health platforms: Striving for better patient centricity | Rangle (published 2023-01-31) URL: https://rangle.io/blog/digital-health-platforms-and-patient-centricity The COVID-19 pandemic has brought about significant changes to how healthcare is delivered, with a renewed emphasis on patient-centric care. In a time of unprecedented strain on healthcare systems, the importance of patient-centric care has become more apparent than ever. ### Building React components with server-side rendering in mind | Rangle (published 2023-01-24) URL: https://rangle.io/blog/building-react-components-with-server-side-rendering-in-mind I've been building UI components with React for a while now, and I've read a lot about server-side rendering (SSR). From what I've read, I didn't expect SSR to affect how React components are built. ### Rangle Employee Spotlight: Get to know Stephanie Zeng (published 2023-01-18) URL: https://rangle.io/blog/employee-spotlight-stephanie-zeng Get to know Ranglers in our new employee spotlight series on our blog. This series will give you a glimpse into the lives and experiences of our team members. You'll learn about their roles, how they got started in their careers, and their unique perspectives on working at Rangle. ### Rebrand and scale your website and applications with design tokens | Rangle (published 2022-12-22) URL: https://rangle.io/blog/rebrand-and-scale-your-website-and-applications-with-design-tokens With design tokens, you can quickly and easily change the look and feel of websites and applications by simply updating values in one central location. ### Migrating from legacy monolithic systems to composable DXPs | Rangle (published 2022-12-21) URL: https://rangle.io/blog/migrating-to-composable-dxps We're living in a digital-first reality, and more fintech companies are disrupting the banking and financial services sector with technology, leaving traditional banks struggling to keep up. ### Utilizing Conway's Law for organizational transformation | Rangle (published 2022-12-14) URL: https://rangle.io/blog/utilizing-conways-law-for-organizational-transformation Conway’s Law states, “Any organization that designs a system (defined broadly) will produce a design whose structure is a copy of the organization's communication structure.” Many of us find this to be true from personal experience, and so do various scientific publications. ### How Agile lost its soul | Rangle (published 2022-12-01) URL: https://rangle.io/blog/how-agile-lost-its-soul This article isn't going to be about the ideal team size or the problems with Agile at scale, and there are many of them. The issue is more profound. It's about how Agile's triumph over Waterfall was indeed a pyrrhic victory, and in wanting to replace Waterfall, it ended up becoming what it was fighting. ### How to launch your SaMD to market faster | Rangle (published 2022-12-01) URL: https://rangle.io/blog/how-to-launch-your-samd-to-market-faster At our third Software as a Medical Device meetup, Danielle Dorfman Faruq (Regulatory & Quality Director at Kintsugi) shared learnings and tips on how to get your SaMD in the hands of real users faster, while meeting regulatory requirements. ### The ROI for Design Systems | Rangle (published 2022-12-01) URL: https://rangle.io/blog/roi-calculator-for-design-systems As digital competition accelerates, the winners are those that deliver scaled experiences faster and more efficiently. While there are no easy answers, doing more with less is possible with Design Systems. To learn how, try our Design System ROI Calculator. Then read our Design System Business Case. ### How to create a reusable custom React Hook for Redux dispatch action calls | Rangle (published 2022-11-25) URL: https://rangle.io/blog/how-to-create-a-custom-hook-for-redux React Hooks were first introduced in React 16.8 at React Conf 2018. Since then, they have become very popular for several reasons. Firstly, with Hooks, you can extract stateful logic from a component so it can be independently tested and reused. Hooks allow you to reuse stateful logic without changing your component hierarchy, making it easy to share. Secondly, you can use Hooks to split components into smaller functions (e.g. setting up a subscription, fetching data, etc.). Lastly, Hooks let you use more of React's features without classes. ### Leading clients to clarity with the North Star framework | Rangle (published 2022-11-09) URL: https://rangle.io/blog/leading-clients-with-the-north-star-framework At Rangle, our motto is building the right thing, the right way. But if doing that was as easy as saying it, our client companies would never need our help. ### 'Little T' digital transformation: Winning small to go big | Rangle (published 2022-11-02) URL: https://rangle.io/blog/little-t-digital-transformation By 2023, companies that have successfully undergone digital transformation will account for half the world's Gross Domestic Product (GDP), worth 53.3 trillion. By year's end, almost 65% of the world's GDP will be digitized. Even with such high revenue potential and market share, employee pushback and lack of expertise in leading digital transformation are the two top barriers of successful transformations. ### How Lean DigitalOps can save your failing digital transformation | Rangle (published 2022-10-25) URL: https://rangle.io/blog/how-lean-digitalops-can-save-your-digital-transformation Many organizations have been pressured to start or accelerate their digital transformation in the wake of the pandemic. However, in spite of the leaps in innovation we've seen over the past few years, many organizations are now confronted with the operational consequences of making massive pivots or scaling faster than they can effectively manage. Symptoms of this range from the misallocation and prioritization of resources, slower speed to market, low team engagement and morale, and a fundamental disconnect between the organization and their customers. ### Why organizations struggle with operationalizing strategy | Rangle (published 2022-10-11) URL: https://rangle.io/blog/why-organizations-struggle-with-operationalizing-strategy One of the recurring trends I've observed across multiple industries and at organizations that differ in both structure and size is the difficulty of delivering on strategic initiatives. ### An architect's perspective on career growth | Rangle (published 2022-10-03) URL: https://rangle.io/blog/an-architects-perspective-on-career-growth We use Junior, Intermediate, and Senior in our conversation, but know these seniorities are somewhat arbitrary. During our talk, we discuss that the Junior archetype needs support to complete complex tasks and learn new tools. Intermediate developers are looking to tackle larger problems but don't have the problem-solving experience required to tackle difficult problems without support. Senior developers are the first to reframe a problem and efficiently solve problems and match the problem to its appropriate context. We see Seniors as developers with the most problem-solving experience and not developers with the most knowledge. ### How to use motion graphics to increase user engagement in digital therapeutics | Rangle (published 2022-09-26) URL: https://rangle.io/blog/how-to-use-motion-graphics-to-increase-user-engagement-in-digital-therapeutics Motion graphics are an effective way to add visual interest to any website or app. They're also a great way to highlight key points in your content and improve patient compliance. We've put together examples of how motion graphics can be used effectively in digital therapeutics. ### Hedgehogging & Outfoxing: The Psychology of Leveraging Uncertainty | Rangle (published 2022-09-21) URL: https://rangle.io/blog/hedgehog Any early stage scale-up is based on uncertainty—yours, your potential clients', and the surrounding market you are participating in. Startup or scale-up, your approach to uncertainty will make or break your success. Nick Van Weerdenburg talks about his 30 years of experience in innovation, technology, and transformation, including almost 10 years as the founder and CEO of Rangle.io, an innovation, technology, and transformation consultancy. Here are the slides of Nick's keynote session from Elevate Festival 2022: ### How to succeed in the digital therapeutics space: An agile product management approach | Rangle (published 2022-09-20) URL: https://rangle.io/blog/how-to-succeed-in-the-digital-therapeutics-space Last week at our second SaMD meetup, we discussed how to apply agile product management strategies to building and validating digital therapeutics. ### Why pair programming is essential for remote learning | Rangle (published 2022-09-13) URL: https://rangle.io/blog/why-pair-programming-is-essential-for-remote-learning According to recent Gartner research, nearly 50% of employees across industries will continue to work remotely when the pandemic is over. ### Building Rangle's SaMD community | Rangle (published 2022-09-09) URL: https://rangle.io/blog/building-rangles-samd-community At Rangle, we're creating a community for innovators in the software as a medical device (SaMD) space. ### Learning approaches for Angular | Rangle (published 2022-08-25) URL: https://rangle.io/blog/learning-approaches-for-angular Angular has its roots in AngularJS, and many of the models from that initial framework remain relevant in the version we use today. Even with new changes like Standalone Components coming to the language, teams should be aware of the history and methodology at work here. Architects especially need to look for language features and anti-patterns that might trap their team and lead to performance bottlenecks in their systems. ### Clinical validation roadmap: A guide to clinical trials for software as a medical device | Rangle (published 2022-08-22) URL: https://rangle.io/blog/clinical-validation-roadmap A core component of a premarket submission is clinical evidence. Clinical evidence is gathered through a process of clinical validation, which involves gathering data on the safety and effectiveness of the product. The overarching goal of clinical validation is to demonstrate to regulators that the device will work, as intended, for target users. ### Leveraging customer personalization for innovation and growth | Rangle (published 2022-08-18) URL: https://rangle.io/blog/leveraging-customer-personalization-for-innovation-and-growth In today's digital age, we're more connected than ever, which means there's a greater opportunity for connecting in a meaningful way. According to Statista, the total amount of data created, captured, and consumed globally was expected to reach 64.2 zettabytes in 2020. ### Headless CMS 101 | Rangle (published 2022-08-11) URL: https://rangle.io/blog/headless-cms-101 Classic content management systems (CMSs) allowed authors to show up with their content without needing much help from developers or designers to update content on these sites. As time progressed, these CMSs became burdensome to those utilizing them. We see teams lack the flexibility to work with the tooling that they desire, leading to hiring challenges. Publishing slows, and time-to-market for new changes slows to a crawl. IT budget jumps as adaptations to configure custom solutions to solve business problems slow upgrades and further work. Customers struggle with longer load times and notice features missing compared to other newer sites. ### Scaled Contentful on Next.js | Rangle (published 2022-08-02) URL: https://rangle.io/blog/scaled-contentful-on-next-js When building or migrating to a Headless CMS, we're on a mission to deliver a simple interface to empower marketers. That simplicity is shown as an interface that provides a simple authoring experience that matches how the business thinks. On the technical side, that simplicity is driven by an architecture that can scale as our solution expands to encompass multiple lines of business or even multiple brands. ### Software as a Medical Device Meetup | Rangle (published 2022-08-02) URL: https://rangle.io/blog/what-is-samd-meetup At our first meetup, we explored the what and whys of Software as a Medical Device. ### Bootstrapping an online marketplace and addressing the cold start problem | Rangle (published 2022-07-26) URL: https://rangle.io/blog/bootstrapping-an-online-marketplace "Build it and they will come." While a historically true adage, it becomes less powerful over time with the innovations in distribution and the creative methods people have come up with to ultimately connect buyers and sellers. In the fast-growing and ever-popular space of online marketplaces, where do you begin? ### How to build a React app using Remix (Part 3 of 3) | Rangle (published 2022-07-20) URL: https://rangle.io/blog/building-a-react-app-using-remix-part-3 This is Part 3 of 3 of our tutorial series about Remix Run. ### Climbing to a Higher Branch: New Approaches to React Migrations | Rangle (published 2022-07-19) URL: https://rangle.io/blog/climbing-to-a-higher-branch Thanks for joining us for APIs & IPAs at DevCycle! Here are the slides from Jason Santos' talk on July 7, 2022. ### Dice Loss Consultancy: Making a game of consulting | Rangle (published 2022-07-11) URL: https://rangle.io/blog/dice-loss-consultancy-a-game-of-consulting At the risk of boring you at the very beginning of this blog, let's look at some stats: Only 21% of employees are engaged at work, according to the latest worldwide poll from Gallup. In North America and Europe, where Rangle's offices are located, 33% of North Americans report that they feel they are thriving — and only 14% of Europeans. ### Linking product management and design for customer success | Rangle (published 2022-07-07) URL: https://rangle.io/blog/linking-design-and-product-management-for-customer-success You're browsing a website or an app that is selling a product you know for sure you want to buy. After muddling your way through the main navigation bar that offers dozens of product categories, services, and options to select from, you give up and turn to the search bar to quickly find the item you're looking for. But the search bar doesn't direct you to any results. ### How to build a React app using Remix (Part 2 of 3) | Rangle (published 2022-07-04) URL: https://rangle.io/blog/building-a-react-app-using-remix-part-2 This is Part 2 of 3 of our tutorial series about Remix Run. ### A designer's guide to getting your designs implemented | Rangle (published 2022-06-27) URL: https://rangle.io/blog/a-designers-guide-to-getting-designs-implemented As a designer, we dream of delivering amazing experiences, beautiful UI, and exceptional products. But how often do we see the end product not match our initial expectations? It's easy to say "We want to build this amazing thing but we don't have enough development capacity." Being able to work around these constraints and being able to get your ideas into production is really a skill on its own. ### What is Software as a Medical Device? A guide to building products & platforms at the speed of tech, not healthcare | Rangle (published 2022-06-21) URL: https://rangle.io/blog/what-is-software-as-a-medical-device Software as a medical device (SaMD) represents an opportunity to successfully build and launch patient-centric digital health products and platforms. In this article, we'll take you through the fundamentals: what is (and isn't) a SaMD, how federal and international agencies classify and regulate SaMD, and how you can get your digital health product to market faster. ### What standalone components mean for Angular | Rangle (published 2022-06-20) URL: https://rangle.io/blog/what-standalone-components-mean-for-angular-2 Abdella Ali and Ben Hofferber discuss the Angular team's new Standalone Components RFC (Request For Comment) and what it means for today's Angular architects. ### How to unlock customer demand for Software as a Medical Device using the Jobs to be Done framework | Rangle (published 2022-06-14) URL: https://rangle.io/blog/unlock-customer-demand-for-samd-using-the-jtbd-framework Digital therapeutics often miss the mark when it comes to connecting with patients and meeting their expectations. To build and launch a successful Software as a Medical Device (SaMD), you need to know and leverage your unique advantages. In this article, we share why we think the Jobs to be Done (JTBD) framework provides a better understanding of what drives customer behaviour than the traditional market segments and demographic information. We'll explain what the JTBD framework is, and focus on applying the Four Forces analysis to the SaMD market to address enablers and barriers to customer demand. ### The four non-negotiable attributes of digital experience platform success | Rangle (published 2022-06-13) URL: https://rangle.io/blog/attributes-of-digital-experience-platform-success As customer-centric operating models flourish in this hyper-competitive digital economy, it's important for executives and team leaders to ask themselves a simple question: What are the attributes of an effective digital experience platform? ### A brief history of web programming | Rangle (published 2022-06-08) URL: https://rangle.io/blog/a-brief-history-of-web-programming I've never pursued learning much history. It turns out, trying to build websites on old computers is just the sort on old computers is just the sort of problem that I can firmly set some historic context around. ### On top of tooling: How to assess QA tools | Rangle (published 2022-06-01) URL: https://rangle.io/blog/how-to-assess-qa-tools As a dedicated tester and member of Rangle's quality team, it's my job not only to ensure that all the apps and platforms we build together with our clients are functional and operating the right way but also to stay current on the tools and technologies that will enable me and my team to do our jobs better, faster and smarter. Over the past couple of months, I committed to assessing a variety of testing tools, looking at a new tool every two weeks. This might seem like a lot, but I think far from being eccentric, it's going to become the norm in our constantly-changing tech world. ### Glossier glosses over product strategy in favor of tech investments | Rangle (published 2022-05-27) URL: https://rangle.io/blog/glossier-glosses-over-product-strategy-in-favor-of-tech-investments Glossier founder and CEO Emily Weiss stepped down from her role as chief executive of the buzzy cosmetics brand on Tuesday this week, in the wake of huge layoffs impacting their technology team, and failed launches of in-store shopping experiences. ### The design system of systems: A scaled approach that works for enterprises | Rangle (published 2022-05-20) URL: https://rangle.io/blog/the-design-system-of-systems Fighting organizational complexity is a losing battle. For enterprise companies, their complexity is their strength — multiple product lines, international footprints (and even multiple subsidiary businesses), all work together to reduce risk across the breadth of the organization — and help the company span multi-decade or even multi-century changes to their markets. ### How we set up a release process with Github Actions | Rangle (published 2022-05-13) URL: https://rangle.io/blog/release-process-github-actions Recently, I've been working on a cool project called Radius Tracker, an in-house proof-of-concept tool we built for tracking design system adoption. Our CI/CD strategy for this project includes quality checks, packaging, and distribution to NPM. ### Communication: The key to successful product management | Rangle (published 2022-05-04) URL: https://rangle.io/blog/communication-successful-product-management What makes a good Product Manager? Whether you're looking to expand the product team at your company or, like Rangle, sell the skillset to prospective clients, it's critical to understand what separates those who can truly guide impactful products to market from those who merely fulfill the functions of the role. ### Low-risk headless CMS migrations: Calibrating your migration to your customer | Rangle (published 2022-04-29) URL: https://rangle.io/blog/low-risk-headless-cms-migrations Risk is the word of the moment in the C-suite at most major companies in the commerce space. The competition for market share is hotter than ever, and the pandemic proved to many organizations that moving fast is not only possible, it's necessary. ### Headless architecture enables focus on what matters most: Customer experience | Rangle (published 2022-04-14) URL: https://rangle.io/blog/headless-architecture-enables-focus-on-customer-experience In a rapidly evolving digital landscape, speed-to-market matters — but the speed of learning matters more. ### Beyond headless: Future-proofing digital platforms | Rangle (published 2022-04-04) URL: https://rangle.io/blog/migrating-to-a-headless-cms Are you moving to a headless CMS? It's rarely done in isolation, and in Rangle's experience, it impacts the digital ecosystem of an organization – with the potential to unlock new digital experiences when done correctly. ### Is your design system performing? | Rangle (published 2022-03-31) URL: https://rangle.io/blog/is-your-design-system-performing Nowadays, many companies have a design system, but the issues many organizations currently face include scaling it, getting the right funding, determining who owns the design system, and getting buy-in from internal product teams to use it. ### How to build a React app using Remix (Part 1 of 3) | Rangle (published 2022-03-28) URL: https://rangle.io/blog/building-a-react-app-using-remix Remix is a great framework and very easy to learn. If you have any prior knowledge or experience using React + (Gatsby, Next.js, etc.), you will soon realize that Remix is a very similar framework. This three-part series will teach you how to build a React app using Remix Run and Prisma. ### Step-by-step with Figma: How this tool supports designers building design systems | Rangle (published 2022-03-24) URL: https://rangle.io/blog/figma-transition-for-design-systems From Adobe to Zeppelin and everything in between, how can designers create a workflow that makes it easy for us as creators to share our work with all our collaborators, and to bring a product to launch with minimal friction? ### Becoming a Rangler | Rangle (published 2022-03-18) URL: https://rangle.io/blog/becoming-a-rangler I love data, ideas, and solving problems, but I'm neither a developer nor a designer, nor do I have a wealth of commercial or consulting experience. So what was I doing here? ### Crafting high-performing teams: How we partner with client teams to drive digital outcomes | Rangle (published 2022-03-09) URL: https://rangle.io/blog/crafting-high-performing-teams When I think back on the client engagements I've worked on at Rangle, each one of them had at their core a high-functioning blended team of Ranglers and client-side practitioners that came together to achieve remarkable outcomes on very short timelines. The process of creating these blended teams is key to our success as a consultancy. ### The role of purpose in digital (Hint: It's everything) | Rangle (published 2022-03-01) URL: https://rangle.io/blog/the-role-of-purpose-in-digital Purpose is not new. It was first referenced in the 14th century, and even the ancient philosophers had a crack at defining the purpose of life: The pursuit of knowledge (Plato), or creating a plan for 'living well' (Aristotle). But Simon Sinek's 2009 book, ### The state of WebAssembly in 2022 | Rangle (published 2022-02-28) URL: https://rangle.io/blog/the-state-of-webassembly-in-2022 When WebAssembly (Wasm) launched in 2017, there was a massive hype around it; people called it the next step in web development. As the exposure grew, the open-source community began to generate a lot of support and tooling for it. The decentralized nature of the community makes it challenging to track Wasm's current state, so this blog post will recap its evolution over the past five years and what WebAssembly has developed into in 2022. ### Hiring the whole person: The why and how of a great talent acquisition program | Rangle (published 2022-02-22) URL: https://rangle.io/blog/talent-acquisition-program As the Great Reshuffle sweeps through the US, attracting the right talent and building a genuine culture is on the minds of every C-level executive — including those outside of the US, who worry that their country is next. ### A beginner's guide to UX writing | Rangle (published 2022-02-07) URL: https://rangle.io/blog/ux-writing-guide UX writing is based on two simple principles: Be respectful and be useful. A UX writer works from a place of empathy, always thinking about the end user or customer first, and putting themselves in their place to understand how an interface can be a delightful experience, removing any potential frustrations, problems, or mistakes for them. ### Preparing for a design system: Visible, consistent and changeable components | Rangle (published 2021-12-30) URL: https://rangle.io/blog/before-design-systems-visible-consistent-and-changeable-components For many Product Owners or product team leaders, design systems still seem like a nice-to-have, rather than a must-have. Companies may have a design system implemented up to the point of a design kit (which aligns the work of designers within their own teams, but does little to support cross-functional work), or have multiple, mostly independent design systems that cover each of their products, which aren't helping with speed and scale for the overall business. ### The best way to combat the "Great Reshuffle" | Rangle (published 2021-11-30) URL: https://rangle.io/blog/combat-the-great-reshuffle Employee satisfaction is the new buzzword on the lips of the C-suite across the world. While hardly a new concept — studies on job satisfaction go back decades — the employment turnover rate in the US for the tech industry is projected to reach 70%, according to a study cited in a recent article in Forbes. ### Can a design system be accessible? | Rangle (published 2021-10-21) URL: https://rangle.io/blog/can-a-design-system-be-accessible Over the past couple of years working at Rangle, I’ve had the opportunity to work on a handful of design systems (DS). One consistent ask for the design systems I’ve worked on is to “make the design system accessible”, or get it to a point where they can certify that everything within the design system meets their minimum legal requirement for accessibility (like WCAG 2.x AA). On the surface, this sounds achievable, but this doesn’t mean what they think it means. ### The top three questions executives ask themselves about digital | Rangle (published 2021-10-21) URL: https://rangle.io/blog/top-three-questions-executives-digital The countdown to Web Summit is on, which means we're only days away from our CEO Nick Van Weerdenburg's keynote presentation at the exclusive Corporate Innovation Summit (CIS), an invite-only conference ahead of the main event. ### The Inside-Out Approach to Digital Transformation: Shift Culture by Starting with Your Own Shared Services Groups | Rangle (published 2021-08-26) URL: https://rangle.io/blog/inside-out-digital-transformation For many enterprises undergoing a digital transformation, the reasons are usually centered around the customer or end-user — improving their online shopping experience, the ease of interfacing with their company online, or giving them a best-in-class, personalized app experience. ### Create a Customer-Focused Culture with the 5 A's | Rangle (published 2021-08-16) URL: https://rangle.io/blog/create-a-customer-focused-culture The goal of most modern organizations is to create a business that centers their customer. Customer-centricity is a byword for enterprises, but too few really treat their users as the experts, and instead rely on what the executive thinks they know about the market, based on their decades of experience. Being focused on the customer then, is a process of unlearning the traditional business decision making practices that many executives were raised on, and radically shifting the mindsets and decision making flows to support swift reactions to market changes. ### Competitive Replatforming: The 5 strategic decisions you need to make — before you choose new tools and technologies | Rangle (published 2021-08-13) URL: https://rangle.io/blog/competitive-replatforming Many organizations only begin the work of replatforming once it's an imperative. Their current technologies are making great customer experiences impossible, and the outdated tooling causes such a headache for their customer-facing teams that more resources are spent merely maintaining and finding workarounds for the system than actually bringing new customer experiences to market. ### Measuring team health and engagement | Rangle (published 2021-07-27) URL: https://rangle.io/blog/measuring-team-health-and-engagement At Rangle, we believe in sustainable development practices. This is not only reflected in our lean and agile approach to meeting our clients' needs, but also in our emphasis on individual and team happiness. We express this at the organizational level through things like communities of practice, workshops, lunch & learns, and organization-wide surveys, but also at the individual level through one-on-ones. ### Beyond the Design System: Merging data and composable experiences | Rangle (published 2021-07-05) URL: https://rangle.io/blog/beyond-the-design-system-merging-data-and-composable-experiences Andrew Kumar, Director of Platform Strategy at Contentful, and Bertrand Karerangabo, Vice President of Digital Strategy at Rangle share a wide-ranging look at CMS platforms—where they've come from, where they're going, and how to deliver top value to your digital customers now. ### DesignOps: A tool for merging design and development practices | Rangle (published 2021-06-15) URL: https://rangle.io/blog/designops-merging-design-development A DesignOps practice, despite what the name may imply, has wider company benefits beyond the confines of the design team. ### Assessing the maturity of your creative practice | Rangle (published 2021-05-28) URL: https://rangle.io/blog/assessing-the-maturity-of-your-creative-practice The purpose of a design system is to serve the needs of a team, not just an individual designer. You know that creating a design system creates speed, but it's not simply about the compound effect of cutting down on designer's grunt work—a design system also removes burdensome communication blockers, and adds speed to the work of the overall agile team, including developers, quality practitioners, and marketing/merchandising teams. ### Introducing the New Angular DevTools | Rangle (published 2021-05-18) URL: https://rangle.io/blog/angular-devtools Since 2015, Rangle has been working with Google on tools and resources for developers, including our Angular Training Guide, to be released in a new edition on June 30. In partnership, we introduced Augury, the most-used tool for debugging, profiling, and inspecting Angular applications with Google Chrome. Augury is a tool that visualizes your code, helping developers understand what Angular is doing, without digging through source code. It's an excellent tool for new Angular developers, but equally useful for experts in the framework. ### How React and Redux brought back MVC and everyone loved it | Rangle (published 2021-04-27) URL: https://rangle.io/blog/how-react-and-redux-brought-back-mvc-and-everyone-loved-it Are we still talking about MVC? Isn't it dead already, with UML and waterfall? We want to soar through the cloud, create lambdas, use modern stacks, integrate with top-of-the-line libraries, the latest and the greatest — not something from a dust-covered book written a long time ago, in a galaxy far, far away. I hear you, young Padawan, but give me a few minutes of your time, and I'll explain how those two intersect, and how you can sit on the shoulders of giants. ### Five reasons your first design system will fail | Rangle (published 2021-04-19) URL: https://rangle.io/blog/why-your-first-design-system-will-fail In the course of three years of consulting and problem solving for companies with existing design systems, one fact has become (at times, painfully) obvious: Design systems are hard to get right. ### Being the product leader: Using product strategy to stay ahead at Product Maturity | Rangle (published 2021-04-15) URL: https://rangle.io/blog/product-strategy-at-product-maturity The ultimate business goal of any product organization is to see its products reach the Product Maturity phase of the product lifecycle. Reaching this coveted phase, especially in today's digital age, represents levels of determination and strategic execution that are difficult to achieve. ### Your customer experience layer is best-in-class. So why can't you ship? | Rangle (published 2021-04-08) URL: https://rangle.io/blog/your-customer-experience-layer-is-best-in-class-so-why-cant-you-ship Leading organizations have invested enormous resources into their digital experience, maturing their digital capabilities and delivering better experiences to customers. With all the right tools, people, and the right mindset, why are there still blockers? ### Start with the problem: Taking your product idea from ambiguity to clarity | Rangle (published 2021-04-06) URL: https://rangle.io/blog/problem-solution-fit-product-strategy We've all had ideas for a new game-changing product. Maybe it was a “shower thought”. Maybe you had an “aha” moment while struggling for the 15th time to complete a routine task. Or recent market research completed by your team showed a promising new market to exploit. Regardless of the inspiration, you were probably very excited to build out and launch this new product right? ### Why a partner ecosystem is the right way to maximize your business value proposition | Rangle (published 2021-03-31) URL: https://rangle.io/blog/partner-ecosystem-business-value-proposition Establishing a clear value proposition is no mean feat. For companies who have been operating for decades, or routinely bring new products and services to market, it's easy for the overall brand value and each line of business value to get muddy. ### The top 5 reasons decoupling your customer experience might be your best strategic decision | Rangle (published 2021-03-23) URL: https://rangle.io/blog/customer-experience-strategy Products and platforms exist for every industry, and all claim to make building your customer experience easier, more cost effective, and seamless across digital channels. They offer rich data and infrastructure, as well as frontend or customer experience features. Working with well-established platforms can be beneficial for reducing your lead time to launch new customer experiences, with their solid infrastructure, strong security and data measures, and well-connected features. ### Avoiding the temptation to be everything to everyone: Key goals of product strategy during Product Scaling / Growth | Rangle (published 2021-03-19) URL: https://rangle.io/blog/product-scaling-growth-strategy Do you remember the last time you had a conversation about a newly popular product that seemed to have started losing its way? Maybe it was a new snack that tasted a little different as its ingredients adapted to mass production requirements, or a once-niche home improvement tool that now seemed ### The parallel path: Moving forward with a new technology solution when business strategy is in flux | Rangle (published 2021-03-15) URL: https://rangle.io/blog/parallel-path-technology-strategy For many scale-up companies, digitizing their business model has become the top focus in the one year since COVID-19 created the biggest disruption to our economy of the century. These new challenges required new ways of thinking and doing, and a reassessment of whether their digital experiences were serving customer needs in optimal ways. ### Navigating the choppy waters of Product-Market Fit with product strategy | Rangle (published 2021-03-10) URL: https://rangle.io/blog/strategy-product-market-fit Popular economist and Harvard Business Review editor Theodore Levitt described the product-market fit phase of the product lifecycle as when "a new product is first brought to market, before there is a proved demand for it, and often before it has been fully proved out technically in all respects. Sales are low and creep along slowly." His description still holds true in today's digital age. ### Not an afterthought: Product strategy is critical to product delivery | Rangle (published 2021-03-02) URL: https://rangle.io/blog/why-product-strategy-is-critical At Rangle, our product managers partner with our clients to build customer experience-enhancing products, without direct ownership of the products themselves. This creates a natural tension between our drive as product managers to build the most valuable thing for our clients' customers in the ### How to migrate a create-react-app (CRA) from Webpack to Snowpack | Rangle (published 2021-02-18) URL: https://rangle.io/blog/how-to-migrate-a-create-react-app-cra-from-webpack-to-snowpack Webpack has been the standard tool for bundling source code into deployable software for quite some time now, and as we move further into the development cycles, the bundle tools tend to become just one item of the list of supporting tools that help you on your day-to-day code experience. For instance, if you use create-react-app, that decision was already made for you, so you can focus on coding features for your fantastic products. ### How Agile Quality Practices Improve Outcomes for Healthcare Products | Rangle (published 2021-02-10) URL: https://rangle.io/blog/how-rangles-quality-practice-improves-outcomes-for-healthcare-products At Rangle, we do quality differently. Our practice is built on the notion of shifting quality to the left—that is, moving quality from it's traditional place as the last-step-in-product-development- before-release, to the beginning of the delivery pipeline, being a part of all steps in the process. This has major benefits for digital products of all kinds, but it can really move the needle for healthcare companies. ### Focusing on Return on Investment for your mobile app? You're searching for value in the wrong place | Rangle (published 2021-02-05) URL: https://rangle.io/blog/return-on-investment-mobile-app We hear often from healthcare clients that they have launched an app for their patients, but aren't seeing the business benefits they expected—especially ROI. ### Product management across cultures: Working in Tokyo in 2020 | Rangle (published 2021-01-28) URL: https://rangle.io/blog/product-management-across-cultures-working-in-tokyo-in-2020 Early in 2020, I got the opportunity to work for our global fashion retailer client on their flagship e-commerce site. Following from the design system we had created together, our client was overhauling their site to implement the DS and a series of new features. ### Ecosystem business models: The new roadmap or a detour? | Rangle (published 2021-01-21) URL: https://rangle.io/blog/ecosystem-business-models While plenty of articles about the new business ecosystem have focused on creating digital systems for products or platforms, the ecosystem concept can be applied to any number of industries where relying on partnerships is the norm. ### Does creating your customer experience save you money | Rangle (published 2021-01-18) URL: https://rangle.io/blog/does-creating-your-customer-experience-save-you-money Web Summit 2021 Masterclass presentation from Brendon Montgomery, featuring Michael Brown. This lecture outlines how to use a design system to maximize capital efficiency for your business. A design system allows you to leverage cost-effective, outsourced partners with confidence, keep your experiences consistent, and scale your business more readily. ### Compliance by design: Bringing medical products to market with Agile processes | Rangle (published 2021-01-15) URL: https://rangle.io/blog/compliance-by-design Healthcare is one of the most heavily-regulated industries in the world—and with good reason. Regulatory and compliance standards ensure the ongoing health and safety of patients across the globe. ### Digital leadership: How to focus, prioritize and plan for exponential technological change | Rangle (published 2021-01-15) URL: https://rangle.io/blog/digital-leadership-how-to-focus-prioritize-and-plan-for-exponential-technological-change While most enterprise organizations know that change is the only constant, many find themselves falling behind as they struggle to adapt to technological advancements that are changing the digital landscape in an exponential way. ### The myth of AngularJS migration: Moving from JS to Angular 11 is going to feel like replatforming | Rangle (published 2021-01-08) URL: https://rangle.io/blog/myth-angularjs-migration For those still using the JavaScript framework, it's time to migrate your frontend to the modern Angular 11+, in order to avoid security risks and browser compatibility issues once the end-of-life date approaches. ### Five common myths that will postpone your legacy modernization | Rangle (published 2021-01-06) URL: https://rangle.io/blog/myths-that-postpone-legacy-modernization Legacy systems are often cited as one of the top barriers to digital transformation success. ### How Nike's digital transformation helped them thrive during Covid-19 | Rangle (published 2020-12-24) URL: https://rangle.io/blog/nike-digital-transformation Per a recent article in Business of Fashion, the forward-looking company was able to grow their share price and re-establish the exclusivity and covetability of their brand by implementing a digital-first strategy. ### Figma enables Agile design: Why we love this tool | Rangle (published 2020-12-16) URL: https://rangle.io/blog/figma-enables-agile-design-why-we-love-this-tool As a consultancy, we're committed to solving big challenges—anything from building medical companion apps that pass strict CE certification requirements, to creating a leading multinational retailer's design system that governs all their regional sites. Working with enterprise clients on time-sensitive product launches means that we can't afford to choose tools that slow us down. With Figma, our creative team has an intuitive tool that works at our speed, and gives our designers the flexibility to work in an Agile way. ### Planning for the future of your digital transformation? Focus on these 3 outcomes | Rangle (published 2020-12-15) URL: https://rangle.io/blog/future-of-your-digital-transformation When planning for a digital transformation, many executives focus on an ### Want your digital transformation to succeed? Focus on how it feels. | Rangle (published 2020-12-11) URL: https://rangle.io/blog/want-your-digital-transformation-to-be-a-success-focus-on-how-it-feels While becoming a digital enterprise is an imperative for most organizations in the 21st century, there are no set-it-and-forget-it shortcuts to get you there. ### What is a digital transformation? | Rangle (published 2020-12-03) URL: https://rangle.io/blog/what-is-a-digital-transformation Digital transformation may be the buzzword du jour, but it's more than just hype. Done well, it has the power to reduce your operating costs, improve time-to-market and open new product lines and revenue streams for your business. ### The future of retail around the globe | Rangle (published 2020-11-27) URL: https://rangle.io/blog/the-future-of-retail-around-the-globe While early reports on the pandemic showed doom and gloom for global retail, some surprising trends are emerging. ### How to incentivize a digital transformation | Rangle (published 2020-11-04) URL: https://rangle.io/blog/how-to-incentivize-a-digital-transformation There's now no longer any time for executives to put off their digital transformation until next quarter. ### The top three business benefits of a design system | Rangle (published 2020-10-13) URL: https://rangle.io/blog/the-top-three-business-benefits-of-a-design-system Design systems are often promoted or explained using technical language familiar to designers and developers who will use the system — that was our tactic when we started talking about design systems two years ago, and partnering in the community of practitioners. However, this approach fails to reach perhaps the most important audience: The decision-makers who will decide whether to commit the business's resources to implementing a design system. ### Governance by design: Building successful design systems | Rangle (published 2020-09-30) URL: https://rangle.io/blog/governance-by-design-building-successful-design-systems Your design system is a living artifact. Like a spoken language, it will evolve over time as it is used by new groups—retaining its basic structure, but with new additions spurred by the speakers themselves. ### Design System Diagram: The 6 Pieces of a Design System | Rangle (published 2020-09-17) URL: https://rangle.io/blog/the-six-pieces-of-a-design-system A design system is a set of tools, processes, guidelines and philosophies that combine to drive how a team designs a product. The purpose of a design system is to not only systematize product development, but to also establish the processes that teams use to design, develop, test and more. As a tool, it sets the foundation for your digital experiences and products to look and feel consistent to users, increase efficiency and quality for your teams, and protect your brand across all your touchpoints in the market. ### Rangle is now a Certified Amplitude Solutions Partner | Rangle (published 2020-09-08) URL: https://rangle.io/blog/rangle-is-now-a-certified-amplitude-solutions-partner It's in Rangle's DNA to do the right thing and build the right way for our clients. To achieve that, we partner with the most innovative companies, helping us deliver a superior experience for end users, in service of our clients' business goals. ### Injecting empathy into your consulting practice: The Flash Gordon principle | Rangle (published 2020-09-02) URL: https://rangle.io/blog/injecting-empathy-into-your-consulting-practice-the-flash-gordon-principle The road to a digital-first world is a highway. In the last decade, some industries have been overtaken by revolutionary new companies, while leaders in those markets struggled to hit the accelerator, and were slow to adapt and modernize their processes and products or services. ### Creating a useful GraphQL server using AWS Amplify | Rangle (published 2020-08-19) URL: https://rangle.io/blog/creating-a-useful-graphql-server-using-aws-amplify AWS Amplify brings together multiple AWS services (eg. S3, Lambda functions, DynamoDB etc.) by supplying a CLI, code libraries and premade UI (via their Amplify component library). These work together to generate the backend infrastructure required, as well as the communication and authentication between all the different AWS services. Amplify also writes all the specifications and config required to your project, so your infrastructure can be checked in to source control (infrastructure as code). ### Publishing a web app to the Play Store using Trusted Web Activities (TWA) | Rangle (published 2020-07-21) URL: https://rangle.io/blog/publishing-a-web-app-to-the-play-store-using-trusted-web-activities-twa Creating your web application as a Progressive Web App (PWA) is a great way to provide app-like experiences for your users. These PWAs have offline capabilities, tend to load faster and can even send notifications to your users, increasing engagement with your product. After doing all this work, wouldn't it be great to allow your users to install your PWA to their phones using the regular Google Play Store? You're in luck! There is a simple way to do this using Trusted Web Activities (TWA). ### Light at the end of the tunnel: Your options for migrating from Silverlight | Rangle (published 2020-07-08) URL: https://rangle.io/blog/migrating-from-silverlight For companies still using Microsoft Silverlight, you may be concerned that a migration will put your teams way out of their depth. But there are several paths forward for your Silverlight application, and the options open to you don't necessarily have to sacrifice the current expertise of your staff, or your legacy codebase. ### Module Federation—Federated Application Architectures | Rangle (published 2020-06-29) URL: https://rangle.io/blog/module-federation-federated-application-architectures There's been a lot of excitement in the community about the upcoming module federation feature in Webpack 5. It will enable a much simpler and more practical setup for architecting and developing micro frontends compared to previous approaches. ### 5 Design System Fails—And Their Fixes | Rangle (published 2020-06-17) URL: https://rangle.io/blog/5-design-system-fails-and-their-fixes Back in March, our Design to Deliver event at our Amsterdam location, featured Nathan Weyers, COO of Phillips Design, and Kim Marchant, VP of Design Operations at JP Morgan Chase & Co. They spoke on design systems and design leadership, and offered some valuable insights on getting your design system working optimally, leading to better design maturity for your organization. ### The four characteristics of innovative teams | Rangle (published 2020-06-15) URL: https://rangle.io/blog/the-four-characteristics-of-innovative-teams Innovation is an easy concept to talk about, and a hard directive to deliver on. For Rangle, innovation happens when you're finding achievable business value. Our practice requires innovative teams to solve your problems, made up of our experts and your business leaders and practitioners. ### How to enhance performance with scheduling | Rangle (published 2020-06-08) URL: https://rangle.io/blog/enhance-performance-with-late-tasks Let's say you have a moderately complex website coming together. This website has a few different stakeholders, so there are multiple integrations, each requiring their own set of technologies to enable them. ### Design without the 'system': Why design system adoptions fail | Rangle (published 2020-06-01) URL: https://rangle.io/blog/design-without-the-system-why-design-system-adoptions-fail In the past year, we've seen a shift from senior leaders in enterprise organizations asking ### Design systems: Start from where you are | Rangle (published 2020-05-25) URL: https://rangle.io/blog/design-systems-start-from-where-you-are You want to implement a design system at your company, but as you look across your products you feel lost. You think to yourself, “They all look different. How am I supposed to do this?” ### Roadblocks to innovation and the key to getting unstuck | Rangle (published 2020-05-20) URL: https://rangle.io/blog/roadblocks-to-innovation Digital transformation is discussed often, but achieved rarely. There are many reasons why an organization might struggle to innovate, especially to innovate fast enough to be first to market. ### How to create an animated hero banner in React using Framer Motion | Rangle (published 2020-05-11) URL: https://rangle.io/blog/how-to-create-an-animated-hero-banner-in-react-using-framer-motion Framer Motion is an animation library for React. You use it to add performant animation to your React components without writing any CSS. It can also animate elements as they leave the DOM, which can be a very tricky thing to do by yourself if you're writing animations from scratch. ### Quality at Speed: The Evolving Role of the Agile Quality Analyst | Rangle (published 2020-05-06) URL: https://rangle.io/blog/evolving-role-of-agile-quality-analyst More and more of us are working from home, buying our goods and services online, and connecting with family and friends electronically. It's predicted that this is the "new" way of life. ### Why POCs Win Over Design Thinking in Creating Digital-First Outcomes | Rangle (published 2020-04-29) URL: https://rangle.io/blog/why-pocs-win-over-design-thinking-in-creating-digital-first-outcomes Design Thinking and other problem space tools promise answers, but the ultimate answers need to come from the customer and from the market. ### The role of research in Design Systems | Rangle (published 2020-04-22) URL: https://rangle.io/blog/the-role-of-research-in-design-systems Taking a break from the books and joining Rangle in January 2020 as a Marketing Co-Op, was when I first heard about Design Systems. Familiarizing myself on this topic reignited my lifelong passion for design. I thought, with the skills and approaches taught during my post-secondary studies, can be leveraged and used to illustrate the role of theoretical research into creating an effective Design System, which can mitigate various design issues later on. ### Van Gogh, InVision Design System Manager and a new NPM package | Rangle (published 2020-04-20) URL: https://rangle.io/blog/van-gogh-invision-design-system-manager-and-a-new-npm-package Last month, Rangle became an InVision Partner and the developers at Rangle leapt at the opportunity to play around with InVision's Design System Manager (DSM). ### Everything You Need to Know About Designing Accessible Forms | Rangle (published 2020-04-14) URL: https://rangle.io/blog/everything-you-need-to-know-about-designing-accessible-forms On the web, forms are the linchpins of ecommerce, social interactions, and most productivity-based applications. Forms are often overlooked. They're that boring part of a website where you fill in your details to get the information you want. Because they've been around for so long, some designers presume forms are a problem that's already been solved — not true! And when you consider accessibility, many forms don't pass the test. In fact, a recent WebAim survey listed complex forms as being one of the most problematic areas for screen reader users. ### Beyond business as usual: Making 'remote' work for your organization | Rangle (published 2020-03-30) URL: https://rangle.io/blog/beyond-business-as-usual-making-remote-work-for-your-organization We're all operating in a new reality these days, and business leadership is facing unprecedented challenges. While the health of loved ones is the primary concern, remote work and social isolation is no easy feat - especially for organizations that are new to working from home. ### Getting started with machine learning is easier than you think | Rangle (published 2020-03-05) URL: https://rangle.io/blog/getting-started-with-machine-learning-is-easier-than-you-think If you think ML and AI are part of a sci-fi future, think again. The future is now. ### What are the top 3 organizational impacts of a design system? | Rangle (published 2020-03-02) URL: https://rangle.io/blog/top-3-organizational-impacts-of-a-design-system Does it seem like everyone is talking about design systems? Well, it's with good reason. These collections of reusable components are making a massive impact on the organizations leveraging them. While the big players like Airbnb, Uber, and IBM are well known for their innovative design systems, this tool is changing the way even mid-sized organizations deliver digital products. ### Most digital transformations fail—have you answered the critical culture question? | Rangle (published 2020-02-26) URL: https://rangle.io/blog/enabling-successful-digital-transformations "We need to be more Agile", "We need more digital innovation to survive", "We need to deliver more engaging and satisfying experiences to our customers", "We need a digital strategy to make an impact in the market"... ### Scoping design systems: A comparative case study | Rangle (published 2020-02-20) URL: https://rangle.io/blog/scoping-design-systems-a-comparative-case-study The origin stories of many design systems tend to follow two common patterns: The first is that organizations invest in design systems because they're feeling pain when it comes to efficient, consistent, quality, customer-centric delivery. Their product teams feel it in their day-to-day, and these challenges bubble up to leadership. The second common pattern is when a company decides to change in response to the trends seen in-market. They're seeking to be ahead of the curve. ### Testing Challenges: Legacy Systems, Modernization and the Path to AI | Rangle (published 2020-02-18) URL: https://rangle.io/blog/testing-challenges-legacy-systems-modernization-and-the-path-to-ai As a Quality professional, it is a daunting task to keep up with the changes in technology. The need to know new programming languages, be aware of the latest-and-greatest testing tools, and know how to deliver applications faster in our daily practice are just some of the challenges we face. In addition, many organizations are focusing on AI and Machine Learning as a way to modernize their business. ### The Pressure is Good For You: Untold Stories from the Design System | Rangle (published 2020-02-11) URL: https://rangle.io/blog/the-pressure-is-good-for-you-untold-stories-from-the-design-system We all like to believe that there's someone else in the room who has a grasp on what's going on when we're feeling in over our head. Play it cool man. Pretend like you've done this 1000 times before. I totally got this, and if I don't, someone else does and will tell me what to do. Until it's time to produce something, and you realize everyone around you is in the same boat, and it's called the "SS Please Send Halp."🤦♀️ (Who names their boat like that?!) ### Rangle Becomes an Official InVision Partner | Rangle (published 2020-02-07) URL: https://rangle.io/blog/rangle-becomes-invision-partner Rangle and InVision are proud to announce a strategic partnership, enabling Rangle to advise InVision's clients on successful approaches to Design Systems and Design Operations. This new offering will cover a wide range of topics, including building and maintaining a design system using InVision Design System Manager, ensuring wide adoption, and methods to improve collaboration between designers and developers. ### Why Judging CSS For Being Global Misses The Point | Rangle (published 2020-02-06) URL: https://rangle.io/blog/why-judging-css-for-being-global-misses-the-point CSS is often belittled because it's naturally global—which programmers wish to avoid—but doing so betrays a lack of understanding of CSS' foundational premise and greatest strength. ### Rangle's Diversity and Inclusion Report 2019 | Rangle (published 2020-01-27) URL: https://rangle.io/blog/rangles-diversity-and-inclusion-report-2019 Diversity is a fact, while inclusion is a human act. At Rangle, this is our mindset as we continue to enable and promote D&I (diversity and inclusion) at our office in Toronto and now in Tokyo, Atlanta, and Amsterdam too. ### How to craft a high-functioning team | Rangle (published 2020-01-23) URL: https://rangle.io/blog/how-to-craft-a-high-functioning-team So you've been assigned to a team that you've never worked with before. You're excited and nervous all at the same time because you don't know how you'll fit. What do you do? ### AI for Frontend Developers | Rangle (published 2020-01-14) URL: https://rangle.io/blog/ai-for-frontend-developers Machine learning and artificial intelligence (AI) can be daunting subjects. You might've heard about neural networks, generative adversarial networks (GANs), and recurrent neural networks (RNNs) but have no clue what people are talking about. ### A Developer's Guide to Design Systems | Rangle (published 2020-01-09) URL: https://rangle.io/blog/a-developers-guide-to-design-systems A design system is an amorphous thing. One definition I like, and there are several, is that it's an ecosystem of tools, guidelines, and shared values and principles that helps teams more efficiently ship consistent design. Similar to how different ecosystems emerge from the interactions of its communities, a design system varies from one business to the next, according to the needs and interactions of its teams. With that in mind, it's just not possible to define a specific set of artifacts that should make up every design system, nor should we try to. ### 3 things that can derail your Agile adoption | Rangle (published 2019-12-30) URL: https://rangle.io/blog/3-things-that-can-derail-your-agile-adoption Over the last 15 years I've gone through many Agile transformations. The desire for change and a shift from traditional waterfall methodology is often driven by the need for faster ROI and to accommodate the ever-changing needs of the customer. ### Human Positive Design | Rangle (published 2019-12-24) URL: https://rangle.io/blog/human-positive-design The broad effects of technology are creating new demands for organizations to adopt practices that avoid negative secondary impacts from the products and services they design and deliver. ### 5 Things I learned working on my first Scrum team | Rangle (published 2019-12-17) URL: https://rangle.io/blog/5-things-i-learned-working-on-my-first-scrum-team Rangle was my first internship and I didn't know what to expect walking into my first day at work. The only thing I knew for sure was I wanted to work and learn from people a variety of different roles. Once I started, I found out that my manager Fernanda, Demand Generation manager, worked directly with the website team and I quickly expressed my interest in sitting in on meetings and taking on work in addition to my marketing tasks. Little did I know that working with a Scrum team would completely change my perspective on what I want to do and how I want to work. ### Side-loading a design system: Scale knowledge sharing without sacrificing delivery speed | Rangle (published 2019-12-12) URL: https://rangle.io/blog/side-loading-a-design-system As you go from a smaller to a medium-sized team, the need to share knowledge becomes crucial. It is the perfect time to invest in a design system. However, you're likely under delivery pressure. You're hoping to meet deadlines and roll out new features to ensure that your product is successful. In this blog post, I will share a few practices that will allow you to establish a design system that facilitates knowledge sharing without sacrificing delivery speed. ### Styled Components, Styled Systems and How They Work | Rangle (published 2019-12-12) URL: https://rangle.io/blog/styled-components-styled-systems-and-how-they-work Sometimes the libraries that we use daily can seem a little bit like magic. By taking the time to understand the fundamental JavaScript features that make these libraries possible, we become better equipped to improve our use of those libraries, applying their functionality in unique and relevant ways. ### Scoping Problems: A Recipe for Success | Rangle (published 2019-12-06) URL: https://rangle.io/blog/scoping-problems-a-recipe-for-success In our eagerness to solve a problem, we can often shoot ourselves in the foot. This is because we typically take a cursory glance at the issue at hand, and immediately start applying our favourite methods and tools to it. As a result, we end up with narrow questions, shallow reasoning, and ultimately, an uninspired attempt at a fix that fails to solve. ### Choose a CMS platform that supports your organizational goals | Rangle (published 2019-12-05) URL: https://rangle.io/blog/cms-platform-to-support-your-goals Content management is an underestimated aspect of an organization's digital footprint. Content embodies most digital elements of a business (and a brand). Given the importance, how you invest in supporting the user experience impacts your clients and your internal teams, both today and for the future. ### New research shows C-Suite is feeling pressure to deliver on digital experiences | Rangle (published 2019-12-04) URL: https://rangle.io/blog/new-c-suite-research Rangle recently rolled out new research uncovering how c-level executives are dealing with the pressure to deliver digital experiences and stay ahead of the curve of digital transformation. The report reveals that while 80 percent of the C-suite thinks about digital transformation at least once a week, and they're being "kept up at night" by the fact their digital costs are more than anticipated and the pressure to implement new technologies, such as artificial intelligence (AI), internet of things (IoT), mobile and cloud native. ### Guidelines for usability testing | Rangle (published 2019-11-28) URL: https://rangle.io/blog/guidelines-for-usability-testing Every once in a while, members of your internal or client team will get super-jazzed to sit in on your usability testing sessions. Sometimes they'll even start co-facilitating. ### Connecting Stripe events to the AWS EventBridge | Rangle (published 2019-11-19) URL: https://rangle.io/blog/connecting-stripe-events-to-the-aws-eventbridge Stripe is a great platform for running an online business, especially on account of the developer-centric API that makes it easy to collect payments, set up subscriptions and more. ### Running Jenkins and Persisting state locally using Docker | Rangle (published 2019-11-15) URL: https://rangle.io/blog/running-jenkins-and-persisting-state-locally-using-docker-2 Jenkins is one of the most popular Continuous Integration and Delivery Servers today, so it's only natural that you're probably interested in learning more about it. When starting out, you'll need to first run it on your local machine. However, the problem with that is the Jenkins configuration files will then live directly on your machine. A better solution is to run it as a Docker container, here are some of the reasons why: ### Financial Services: We need to talk about Agile | Rangle (published 2019-11-01) URL: https://rangle.io/blog/we-need-to-talk-about-agile-in-financial-services Digital Transformation, Innovation Labs, Agile adoption are all examples of terms and subjects that have become more and more prevalent in Financial Services within the last decade. These concepts have become increasingly prominent as large scale Banking and Insurance giants from across the globe continue to make strides in adopting ways of working which let them deliver faster and provide truly customer centric products. ### Rangle Wins at The North American Software Testing & QE Awards | Rangle (published 2019-10-31) URL: https://rangle.io/blog/rangle-wins-at-the-north-american-software-testing-qe-awards Rangle's relentless focus on deep quality paid off at the North American Software Testing & QE Awards yesterday held at the Ritz-Carlton Hotel in Toronto. The organization took home the award for 'Best Agile Project' for their outstanding work in revitalizing and re-engineering the Rangle.io website. The website now promotes the organization's new global presence and growing reputation as a leading strategic digital innovation partner. Working in a truly Agile framework, the team was able to deliver impressive key results in a short period of time. Some of these results consisted of decreased reliance on developers for page builds and website changes, enablement of data-driven decisions via Google Tag Manager, improved GDPR compliance and actionable insights from user testing. ### CD with Docker and Feature Branch Testing | Rangle (published 2019-10-24) URL: https://rangle.io/blog/cd-with-docker-and-feature-branch-testing If you've been following along with my Docker series (you can find my latest article about Continuous Integration (CI) here) then you must be pretty happy to have your CI pipeline solving all the world's problems. Your developers are pretty content, but we know there's more we could do. And, I mean, isn't developer happiness the real reason you're reading a DevOps article? ### 5 Tricks to elevate your automated regression tests | Rangle (published 2019-10-17) URL: https://rangle.io/blog/5-tricks-to-elevate-your-automated-regression-tests Have you ever noticed that your automated regression tests are flaky and fail many times intermittently? Do you and the rest of your team no longer trust the outcome of automated regression tests? Do you have a difficult time changing tests when your application changes? Fear not, we're here to help you with some key best practices to make more flexible tests. Let's get started! ### A practical guide to creating Smart Experiences through AI and design | Rangle (published 2019-10-10) URL: https://rangle.io/blog/ai-and-design The purpose of this article is to help you begin designing with artificial intelligence(AI). This isn't just a battle cry that "you too can become an AI designer!" but rather a reflection on our experiences exploring the intersection of AI and design —creating what we at Rangle call Smart Experiences. Think of Smart Experiences as experiences that feel "smart" and that help you avoid tedious or repetitive work. A Smart Experience can be as simple as an auto-complete suggestion and as complex as a virtual agent capable of answering your every question. ### Angular for React Devs | Rangle (published 2019-10-03) URL: https://rangle.io/blog/angular-for-react-devs Are you a React developer looking to try out Angular development? Curious about how much of your knowledge is transferable? While Angular and React do have many differences, this post will show that there are some patterns and similarities that translate between the two frameworks. You might actually know more Angular already thank you think you do. ### Developing an Amsterdam Blog with Gatsby, Netlify and Jet Lag | Rangle (published 2019-09-27) URL: https://rangle.io/blog/developing-an-amsterdam-blog-with-gatsby-netlify-and-jet-lag This past weekend, my family and I relocated to Amsterdam for the opening of Rangle's first European office. When we left our home in Toronto, friends and family said farewell and told us to post lots of photos and send updates to them back home. ### How to Succeed at Automating Workflows through Intelligent Content Extraction | Rangle (published 2019-09-18) URL: https://rangle.io/blog/automating-workflows-through-intelligent-content-extraction When we think automation, we think digitization. But ironically, the digitization of text is not enough to automate the tasks we care about. It might seem simple to extract information from web pages, PDF forms, emails, and word documents, because they can be easily read by a computer. However, the unstructured nature of most text documents effectively locks their information away from straightforward automatic processing. ### Fireside Conference: the power in powering down together | Rangle (published 2019-09-11) URL: https://rangle.io/blog/fireside-conference-the-power-in-powering-down-together If we don't say it enough, here it is again: Rangle is all about community. Meetups, tech conferences, workshops, festivals, you name it. If we can learn, share, or build relationships, we'll be there. And most of the time, as Rangle's Community Manager, so am I. ### Lost in translation: 3 ways to bridge the gap between technology and business | Rangle (published 2019-09-05) URL: https://rangle.io/blog/bridge-the-gap-between-technology-and-business I've seen it throughout my career - you sit in a meeting room with technical and non-technical folks, talking about the next major deliverable or a business objective. The technical folks are either pushing back on the magnitude of the task or rewriting systems that seemed to be functioning so well until now, right? ### Accessibility 360 : Web and mobile | Rangle (published 2019-09-04) URL: https://rangle.io/blog/accessibility-360-web-and-mobile As a developer, I've noticed ever since starting out that a lot of us are intimidated by building accessible apps. The fact of the matter is, it doesn't have to (and shouldn't) be that way. Accessibility is just like building 🏗 any other feature — and there needs to be greater awareness around this. 🤯 ### Improving your mental model of useEffect | Rangle (published 2019-08-20) URL: https://rangle.io/blog/improving-your-mental-model-of-useeffect Hooks landed in React a few months ago, and there has been a lot of excitement around them in terms of figuring out how to best use them, best practices, and how they map to current concepts in React and the lifecycle. ### How to get the types you want with TypeScript type guards | Rangle (published 2019-08-13) URL: https://rangle.io/blog/how-to-use-typescript-type-guards If you know that vehicle does have the property turnSteeringWheel, you can quickly solve this issue by casting vehicle as any. ### Mixin Design Tokens | Rangle (published 2019-08-06) URL: https://rangle.io/blog/mixin-design-tokens Design tokens manage and store User Interface (UI) decisions such as spacing, color, typography, and motion. These decisions are stored in a config-like format to support the needs of any platform (Web, mobile OS, etc). In this blog post, I'll demonstrate how you can leverage design tokens and SCSS mixins to capture a system's design language. The final output will be a collection of SCSS mixins that map to design tokens and can help to reel in messy CSS inconsistencies amongst dev teams and close the gap between designers and developers with great success. ### So you finished a UX bootcamp - now what? | Rangle (published 2019-07-31) URL: https://rangle.io/blog/so-youve-finished-a-ux-bootcamp-now-what The design and technology landscape and how they're used to build digital products has transformed in the past decade. As times have changed, so have the needs of companies recruiting designers. The explosive growth of the tech industry means that traditional universities have struggled to keep up with the pace of change when it comes to how designers work. And so, short intensive courses known as Bootcamps have emerged to fill the void. ### Analytics by design: 4 key takeaways | Rangle (published 2019-07-29) URL: https://rangle.io/blog/analytics-by-design On July 19th, the 2nd annual Analytics by Design conference was held in Toronto. The conference is aimed at exploring the intersection between design, technology and digital transformation with analytics and technology practitioners. If you weren't lucky enough to attend, here are my 4 key takeaways. ### What it's like to do your co-op at Rangle (published 2019-07-24) URL: https://rangle.io/blog/co-op-at-rangle Having a co-op placement is a crucial part of deciding what path you want to take after you graduate. At Rangle we're lucky to have more co-op students than ever spanning across our software development, design, marketing and operations teams. We make it a big priority to provide an exceptional experience of learning, mentorship and real-world experience so that all of our co-op students are set up for success, whatever field they are in. ### ... (published 2019-07-23) URL: https://rangle.io/blog/how-to-be-content-with-content-a-guide-to-writing-for-design-systems Attention digital marketing writers/UX writers/technical writers! Have you spent your happy days writing product descriptions, promotional emails, or button copy—and suddenly someone has asked you to write for a design system? Maybe you smiled nervously and said, “Yeah, sure, I can do that. Absolutely. You betcha.” ### What SCA means for your company - and how to prepare | Rangle (published 2019-07-18) URL: https://rangle.io/blog/what-second-payment-services-directive-means-for-your-company Online payments have made tremendous advances in the past five years. As easy as they may seem today, even the simplest checkout experience is still supported by a complicated financial system. Every time you sign up for a new streaming service or click "purchase" in your shopping cart, you're interacting with a complex web of payment gateways, card networks, bank servers - and legal bodies that oversee it all. Recently, Europe has introduced new legislation that will add to that complexity and could cost European businesses up to €57 billion. ### Leveraging data and analytics for innovation | Rangle (published 2019-07-11) URL: https://rangle.io/blog/leveraging-data-and-analytics-for-innovation Across industries, the shift to digital solutions has exponentially increased the amount of data that's generated - estimated at more than 2.5 quintillion bytes per day and growing. As a result, the way that organizations define, create and measure value has changed, along with the speed at which they use that data to drive innovation. ### How to actually use AI for your business | Rangle (published 2019-07-04) URL: https://rangle.io/blog/how-to-actually-use-ai-for-your-business Artificial Intelligence (AI) is everywhere. However, AI is often discussed in theory or in a futuristic manner which can make it difficult to understand. So, how can AI be applied in a practical way to help your organization innovate right now? In this post (and podcast) we'll dive in and demystify AI to help you better understand how it can be applied to your business. ### Cloud Native Architecture for Enterprise | Rangle (published 2019-06-27) URL: https://rangle.io/blog/cloud-native-architecture-for-enterprise As every organization is different, adopting Cloud Native architectures has unique challenges depending on a variety of factors. In this post, we will not only highlight the benefits of adopting Cloud Native architectures but also clarify misconceptions of what it means to be Cloud Native. We'll discuss the barriers that Cloud Native can help you overcome to addressing some challenges when adopting Cloud Native and how your organization can get started. On that note, let's dive in! ### Docker full circle: Continuous Integration (CI) with Cypress | Rangle (published 2019-06-25) URL: https://rangle.io/blog/docker-full-circle-continuous-integration-ci-with-cypress You're at work and your team has adopted Docker for development. That's great! Everyone is using your custom Docker image to manage dependencies and any other environment requirements. You've nearly made it look just like your production environment. High five! ### DevOps: What it means and why you should care | Rangle (published 2019-06-20) URL: https://rangle.io/blog/what-is-devops-and-why-you-should-care In the age of digital transformation, organizations are striving to transform their infrastructure in order to improve their software delivery performance so that they can bring new products and ideas to market faster than ever before. Organizations are achieving these goals by embracing DevOps - but what exactly is DevOps? Let's dive in. ### How to succeed at AI Product Development | Rangle (published 2019-06-19) URL: https://rangle.io/blog/how-to-succeed-at-ai-product-development Going by how companies market themselves and what the media reports, it seems Artificial Intelligence is everywhere these days. However, despite the hype, there is very little actual use of AI in production today. Sure, there are companies such as Google and Amazon that use AI in their products to assist you in writing your email replies or recommending products you might be interested in. However, most people still go through their entire day without getting help from or delegating work to an AI. Why is that? Where are all the AIs we keeping hearing about? ### VivaTech 2019: from flying cars to Jack Ma | Rangle (published 2019-06-17) URL: https://rangle.io/blog/vivatech-2019-from-jack-ma-to Walking into VivaTech 2019 was an immediate inundation of elaborate booths, cutting edge tracks from celebrity entrepreneurs (shoutout to Jack Ma) and the latest innovations from start-ups (9000 of them, to be exact) and large companies. All of this set in motion to provide a venue to discuss and showcase what the next best thing is within the digital industry. ### How inclusive user research makes your products better | Rangle (published 2019-06-13) URL: https://rangle.io/blog/ux-research-and-accessibility When companies invest their time and money into building a product, they're making a bet that the end result will be genuinely useful to their customers. Are these investments always a gamble? Is there a way to consistently build products that solve real problems for real people? By listening to the needs of users who are unlike us, we can more easily catch the assumptions that have the potential to sink our products. ### Jumpboxes: How to avoid storing SSH keys | Rangle (published 2019-06-11) URL: https://rangle.io/blog/jumpboxes-avoid-storing-ssh-keys A jumpbox, often called a 'bastion host', is a server that gives authenticated users an access point from where they can reach internal servers on a private subnet, usually via SSH. To reach a protected server, you would login through the jumpbox and SSH to the protected server you needed access to. ### How Quality is built into Lean-Agile delivery | Rangle (published 2019-06-06) URL: https://rangle.io/blog/lean-agile-delivery As software evolves to keep up with rapidly increasing customer expectations, the big challenge is: how will you continue to innovate, satisfy your customer needs, and be the first to market - all while focusing on high-quality deliverables? An Agile Quality practice can help you achieve all of these goals and ensure you remain competitive in the market by equipping your business with the ability to move and pivot quickly, adapting to changes and market trends. ### Rangle.io appoints Mark Tiainen as VP of Digital Strategy (published 2019-06-06) URL: https://rangle.io/blog/rangle-appoints-mark-tiainen-vp-digital-strategy June 6, 2019 - Toronto - Rangle.io, one of the fastest growing innovation and digital transformation consultancies in North America, appointed Mark Tiainen to the role of VP, Digital Strategy. Reporting to CEO Nick Van Weerdenburg, he is responsible for growing the company's existing strategy practice to unlock clients' potential innovation and deliver innovative products, as well as position Rangle as a global leader in digital strategy. ### From product metrics to actionable insight | Rangle (published 2019-06-04) URL: https://rangle.io/blog/from-product-metrics-to-customer-insight Imagine you've built a new and innovative product. This time you did it right: before you started developing anything, you got out of the building and spoke with customers. You really understood their pain points and validated your assumptions. You built an MVP based on your findings and it seems to be working out, people are using it. You've confirmed that you have identified a problem worth solving and that people are willing to pay for your solution. Now you're looking to optimize for growth. What should you build next? ### Strategy and Governance: What is a Digital-First Operating Model? | Rangle (published 2019-05-30) URL: https://rangle.io/blog/strategy-and-governance In this blog post, I look to introduce a Digital-First Operating Model framework for Chief Information Officers (CIOs) and other executives leading organizational change. If you haven't already done so, make sure to listen to the podcast (or watch the video) associated with this post below and join the conversation on Twitter by using #AskRangle. ### Building Bridge with Rangle and Beyond | Rangle (published 2019-05-24) URL: https://rangle.io/blog/building-bridge-with-rangle-and-beyond Bridge is a federally-incorporated not-for-profit organization. It brings together people who believe we can and should remove barriers that prevent members of underrepresented and underestimated groups from participating fully and equally in the technology industry. ### Don't overcomplicate your Angular migration | Rangle (published 2019-05-22) URL: https://rangle.io/blog/angular-migration Are you currently working on a large, enterprise AngularJS application 😵and need to migrate to Angular? Not sure where to start? Scared you don't have the resources? You're not alone! ### Designing your customer-centric transformation | Rangle (published 2019-05-15) URL: https://rangle.io/blog/customer-centric-design Check out Rangle's on-demand webinar to learn exactly what a Design System is and how it can help build the future of your business. ### How AI will Revitalize your Healthcare Experience | Rangle (published 2019-05-14) URL: https://rangle.io/blog/how-ai-will-revitalize-your-healthcare-experience Have you ever felt like your doctor was too busy entering notes into their computer to give you their full attention? Wondered why a specialist you've waited months to see asks you the exact same questions your family doctor asked, despite the existing documentation? Spent painful hours or even weeks waiting for test results and wondered what takes so long? ### Docker for Frontend Devs: Custom Docker Images for Development | Rangle (published 2019-05-08) URL: https://rangle.io/blog/docker-for-frontend-devs-custom-docker-images-for-development Let's take a moment to consider what is important for local development. For me, I want to make sure all my developers are using the same dependencies, and I don't want to worry about what versions they have installed. No more ### Can a Design System align an organization? | Rangle (published 2019-05-03) URL: https://rangle.io/blog/can-a-design-system-align-an-organization Let's start by establishing an important fact: no two Design Systems are the same. Organizations seek a Design System because they're feeling pain when it comes to efficient, consistent, quality customer-centric delivery. They feel it in the trenches day to day and the challenges flow upwards to leadership. Or, you have a company that has decided: 'we need to change ourselves, we can see what the future is, we're going to be disrupted.' Every landscape is different. ### What 'Customer Centric Design' Really Means | Rangle (published 2019-04-25) URL: https://rangle.io/blog/what-customer-centric-design-really-means In a nutshell, a customer-centric approach to design is about realizing that what you're creating is not about what you think it should be. It's about what somebody else, the customer, needs. It's also a way to ensure that you're anticipating customer needs based on an understanding of the user's journey—meet them where they are. ### Custom Build Modes with Vue CLI 3 | Rangle (published 2019-04-24) URL: https://rangle.io/blog/custom-build-modes-with-vue-cli-3 Vue CLI is an excellent tool for building, scaffolding and otherwise not-worrying-about setting up your Vue application. Given its official support, it's the standard way to spin up a new Vue application. One of the central selling points of Vue CLI is that it takes care of a lot of the configuration for you so that you don't have to manage fiddly webpack settings just to get your project up and running. ### What is a design system? | Rangle (published 2019-04-18) URL: https://rangle.io/blog/what-is-a-design-system Defining what a Design System is and what it means for an organization can be tricky. In this post, we'll take the conversation of Design Systems past style guides and component libraries and get into breaking down silos between development and design. ### Everything You Need to Know About Web Components: Part 2 | Rangle (published 2019-04-17) URL: https://rangle.io/blog/web-components-part-2 This article is a continuation of my blog: 'Everything You Need to Know About Web Components Part 1'. Check out Part 1 if you'd like to gain some fundamental knowledge of Web Components before diving into Part 2. ### Digital Strategy: What is digital-first strategic planning? | Rangle (published 2019-04-12) URL: https://rangle.io/blog/digital-first-strategic-planning What is digital-first strategic planning? Deanna Lambert and Jack Sadler talk about digital-first strategic planning on Rangle podcast "What's Your (R)angle?" ### Bigger Doesn't Always Mean Better: Rangle Named One of Canada's Top Small & Medium Employers for 2019 (published 2019-04-12) URL: https://rangle.io/blog/top-employers-2019 In Canada, small and medium employers make up 90% of the country's private sector workforce, and Rangle is thrilled to be named one of Canada's Top Small & Medium Employers this year. Winners were chosen based on their forward-thinking human resources policies, based on criteria ranging from physical workplace to social activities, and health benefits to employee communications & skills training. ### Toronto-Based Rangle Establishes Amsterdam Office | Rangle (published 2019-04-10) URL: https://rangle.io/blog/toronto-based-rangle-establishes-amsterdam-office April 9, 2019 - Toronto/Amsterdam - Rangle, one of the fastest growing innovation and digital transformation consultancies, today announced it is establishing its first European office in Amsterdam, Netherlands. The company, which supports international clients like Uniqlo and Aldo, is bringing its unique innovation execution framework to European clientele. ### Rangle x The Knowledge Society: How I Started My Journey Into Machine Learning (published 2019-04-09) URL: https://rangle.io/blog/my-journey-into-machine-learning For most high schoolers, our world revolves around school, sports, friends, and extracurriculars. But thanks to the internet and faster chains of communication, knowledge is being distilled at exponential rates and has lowered the bar of entry into many fields. With easy access to all of this information, I began to learn more about the field of genomics and machine learning about a year ago and realized there are so many opportunities for me to learn beyond school. ### You are NOT a React Native n00b 🙅 | Rangle (published 2019-04-04) URL: https://rangle.io/blog/you-are-not-a-react-native-n00b Are you a React developer who knows the basics of native development (i.e. iOS 🍎 or Android 🤖)? Then I bet you'll be able to pick up React Native easily aka you're not a noob 🙈 What I mean by that is, you'll be surprised while learning React Native how easily transferable your native development or React skills are. Don't believe me? See for yourself. ### Refactor to React Hooks, Not Classes | Rangle (published 2019-03-28) URL: https://rangle.io/blog/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. ### 4 Major Themes in Healthcare Tech | Rangle (published 2019-03-22) URL: https://rangle.io/blog/healthtech-for-2019 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. ### Everything You Need to Know About Web Components: Part 1 | Rangle (published 2019-03-21) URL: https://rangle.io/blog/web-components-part-1 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. ### Thinking in nested streams with RxJS | Rangle (published 2019-03-15) URL: https://rangle.io/blog/thinking-in-nested-streams-with-rxjs 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. ### Why You Should Be Excited About These New Routing Features in Angular 7.2.0 | Rangle (published 2019-03-07) URL: https://rangle.io/blog/routing-features-angular-7-2-0 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. ### Building Product Roadmaps: Common Pitfalls and How to Avoid Them | Rangle (published 2019-02-28) URL: https://rangle.io/blog/building-product-roadmaps 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. ### Six hard-won lessons for fledgling developers | Rangle (published 2019-02-19) URL: https://rangle.io/blog/six-hard-won-lessons-for-fledgling-developers 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. ### Artificial Intelligence for Creativity and Design | Rangle (published 2019-02-15) URL: https://rangle.io/blog/artificial-intelligence-for-creativity-and-design 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. ### Rangle x TD Tech Connect: Customer Centric Digital Transformation (published 2019-02-14) URL: https://rangle.io/blog/rangle-x-td-tech-connect 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! ### Learning Docker - The Command Line Interface | Rangle (published 2019-02-12) URL: https://rangle.io/blog/learning-docker-command-line-interface 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. ### Developers and QAs: A Match Made in Heaven | Rangle (published 2019-02-06) URL: https://rangle.io/blog/developers-and-qas One of the most difficult relationships in a software development team is the relationship between developers and the QA team. ### Rangle's Diversity and Inclusion Report (published 2019-02-04) URL: https://rangle.io/blog/diversity-and-inclusion-report 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. ### AI is Coming to You: The Neural Edge | Rangle (published 2019-01-31) URL: https://rangle.io/blog/the-neural-edge In 2019 we are beginning to see trends such as Browser-Based Artificial Intelligence with TensorFlow.js taking over the landscape. This is part of a larger movement that will continue as AI solutions become less dependent on the backend-heavy distributed cloud-based infrastructure which was originally developed for big data applications. ### Simplifying React Forms with Hooks | Rangle (published 2019-01-25) URL: https://rangle.io/blog/simplifying-controlled-inputs-with-hooks Forms, like death and taxes, are one of the unavoidable aspects of web development. From Login Forms, Contact Pages, to heavy form-centric applications - at some point, you will need to wire up an input field to your application state. Working with forms in React can require a bit of boilerplate, and while there are libraries like Formik, Redux Form or React Redux Form can help make things easier, they can be overkill for many situations. ### From one retailer to another, we're missing the mark | Rangle (published 2019-01-15) URL: https://rangle.io/blog/from-one-retailer-to-another-were-missing-the-mark I worked in retail for a long time. A really long time. I loved working retail and still love retail. This doesn't just mean that I love shopping (which I do). For me, the draw of retail was the connection to people and services while on the front lines. This connection remains my favorite part of my job, even though I now work in a marketing role. ### Bringing Artificial Intelligence to the Browser with TensorFlow.js | Rangle (published 2019-01-10) URL: https://rangle.io/blog/bringing-artificial-intelligence-to-the-browser-with-tensorflow-js Are you a web developer interested in Artificial Intelligence (AI)? Want to easily build some sweet AI apps entirely in JavaScript that run anywhere, without the headache of tedious installs, hosting on cloud services, or working with Python? Then TensorFlow.js is for you! ### Five Things to Consider Before Choosing Micro Frontends | Rangle (published 2019-01-04) URL: https://rangle.io/blog/five-things-to-consider-before-choosing-micro-frontends The idea of micro frontends is all the rage right now. It's been gaining traction over the years, and we've noticed more clients asking us about it. Although it's an incredible solution for a lot of use cases, it can be cumbersome if your organization's expectations are not properly set. Here are five considerations to help you determine if the micro frontend idea is right for your needs. ### Progressive Web Apps Hit the Desktop | Rangle (published 2018-12-21) URL: https://rangle.io/blog/progressive-web-apps-hit-the-desktop Progressive web apps can now be installed on Windows, Android, iOS, Chrome OS, and soon on macOS. Is your web app ready? ### Writing a Custom TSLint Rule for Angular | Rangle (published 2018-12-11) URL: https://rangle.io/blog/custom-tslint-for-angular So you've just written this super awesome directive for Angular that does all the things and has all the tests. It's been committed, pushed and you've opened a Pull Request! All done! Awesome! High five! Woo! ### Systemizing Visual Design QA | Rangle (published 2018-12-05) URL: https://rangle.io/blog/systemizing-visual-design-qa Being a designer at Rangle has allowed me to work on projects spanning a variety of sizes, scopes, and industries. Through working on these projects, I've encountered different approaches when it comes to Visual Design Quality Assurance (I'll refer to it as Design QA throughout the rest of the article). ### Redux Typescripted | Rangle (published 2018-11-30) URL: https://rangle.io/blog/redux-typescripted For fans of Redux and Typescript like myself, the release of Redux 4 was a highly anticipated event, and it did not disappoint. The new enhanced typing definitions help to provide a nice and strongly typed Redux setup, minimizing the number of runtime errors. This article will give you a different perspective on the many ways you can structure the app. ### Improve your component test coverage with this one weird trick | Rangle (published 2018-11-13) URL: https://rangle.io/blog/component-test-coverage When it comes to unit testing, business logic is considered the most valuable area of your code to test because if there is an error, heads will roll 😵. This was apparent on a React Native project I recently worked on that had plenty of unit tests for the Redux part of the app - reducers, sagas, and selectors, but the overall code coverage was not great 🤔. There was a lot of presentation logic and components that were not covered. So when I joined, the goal was to bring the overall coverage up by unit testing 👨🏼💻the remaining code. ### Rangle introduces Augury Labs Performance Profiler (published 2018-11-06) URL: https://rangle.io/blog/rangle-introduces-augury-labs-performance-profiler In 2015 Rangle introduced Augury, what is now the most used tool for debugging, profiling, and inspecting Angular applications with Google Chrome and Mozilla Firefox browsers. Augury helps you to visualize what's going on behind the scenes without having to sift through source code. In this post, I'll explain why our team is passionate about Augury and give you the first sneak peek at our new tool, Performance Profiler. ### React Native CI/CD Pipelines Made Easy with Visual Studio App Center | Rangle (published 2018-10-31) URL: https://rangle.io/blog/react-native-ci-cd-pipelines-visual-studio-app-center Building a React Native app is often a painful process since signing, and building apps manually is too frustrating. So, what if I told you that you could easily set up builds and signing that would happen automatically? Not only that, but you could also run automated tests similar to how typical CI/CD pipelines work. Sound too good to be true? I'll show you how it's done using Visual Studio App Center. ### Diversity and Inclusion at Rangle (published 2018-10-26) URL: https://rangle.io/blog/diversity-and-inclusion-at-rangle Diversity and inclusion have long been at the forefront of Rangle's mission and culture. We do our best to reflect this in our day to day practices. While it's not a perfect science, we believe it's important to keep working towards an environment where everyone feels confident and welcome. That's why for our NewCo Open House we let a wide range of Ranglers share what their experience has been like since joining. With that being said, we'll let them speak for themselves: ### Simplify Styling with Functional CSS | Rangle (published 2018-10-18) URL: https://rangle.io/blog/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! ### Fun With Higher Order Reducers | Rangle (published 2018-10-12) URL: https://rangle.io/blog/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. ### Go Serverless with Azure Storage | Rangle (published 2018-10-04) URL: https://rangle.io/blog/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. ### Elevate Day Two: Digital Transformation Highlights and Reactions | Rangle (published 2018-09-27) URL: https://rangle.io/blog/elevate-day-2-recap 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. ### Elevate Day One: Highlights and Reactions | Rangle (published 2018-09-26) URL: https://rangle.io/blog/elevate-day-one 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 | Rangle (published 2018-09-23) URL: https://rangle.io/blog/data-science-anti-patterns-proliferating-data-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. ### Better Software Testing with Machine Learning | Rangle (published 2018-09-14) URL: https://rangle.io/blog/better-software-testing-with-machine-learning-2 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 | Rangle (published 2018-09-04) URL: https://rangle.io/blog/downshift-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? ### How Public Speaking Created a Culture of Confidence | Rangle (published 2018-08-31) URL: https://rangle.io/blog/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? ### Rangle, Toronto, and Artificial Intelligence (published 2018-08-23) URL: https://rangle.io/blog/rangle-toronto-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 | Rangle (published 2018-08-16) URL: https://rangle.io/blog/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. ### Inside Rangle's Co-op Program: A 2018 Snapshot (published 2018-08-09) URL: https://rangle.io/blog/what-its-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. ### Rangle Roulette: How a Donut Improved Our Culture | Rangle (published 2018-08-03) URL: https://rangle.io/blog/rangle-roulette Here at Rangle, we're growing - and fast! An average Monday almost always means a handful of new faces joining us. While growth is incredibly exciting, it does pose a challenge in maintaining the level of community and connectedness we strive for. We have Friday Socials, tea sampling, lunch and learns, guilds and more, but it can be difficult to break out of the norm and meet people outside of your team. So how do you encourage a human connection instead of just transactional Slack messages and a quick hello as you pass through the kitchen? ### Hosting a Frontend Application in AWS with Terraform | Rangle (published 2018-07-17) URL: https://rangle.io/blog/frontend-app-in-aws-with-terraform If I told you that you could provision the necessary infrastructure for your frontend application by running two commands, would you believe me? If you've read our previous blog, Setup Continuous Deployment of Your Nodejs App in a Highly Available Environment, you already know the answer is yes. If not, in this tutorial, we'll take a deep dive into how to write down the necessary infrastructure (as code) with Terraform to host a frontend app in AWS S3 delivered via CloudFront with a custom domain and subdomain. We will then implement a CI/CD pipeline that allows you to validate and push code reliably to your environment effortlessly. ### The Art of Humanizing Pull Requests (PR's) | Rangle (published 2018-06-28) URL: https://rangle.io/blog/the-art-of-humanizing-pull-requests-prs In this blog, you'll learn what pull requests are, how to effectively create them, how to give feedback on PRs, and how to respond to feedback. ### Setup Continuous Deployment of Your Nodejs App in a Highly Available Environment | Rangle (published 2018-06-19) URL: https://rangle.io/blog/continuous-deployment-of-nodejs Have you ever wondered what it would take to have a Node.js application deployed to AWS? And how much longer it would take to build out a highly available, redundant environment with failover capabilities that supports zero downtime deployments? In this tutorial, we will create a highly available and fault-tolerant architecture for deploying a Node.js application. We will then integrate this with Elastic Beanstalk and build out a CI/CD pipeline to support a smoother and faster development process. ### GraphQL Yoga: Wrapped REST Pose | Rangle (published 2018-06-14) URL: https://rangle.io/blog/graphql-yoga-wrapped-rest-pose It's been a couple years since GraphQL has been released. You've heard the buzz and maybe watched a couple talks, but haven't had the chance to spin up a server and try it out for yourself. The ecosystem can be a little intimidating at first. You may have even wondered what you stand to gain by adopting GraphQL. ### The Who, What, and Why of Machine Learning in your Business | Rangle (published 2018-06-05) URL: https://rangle.io/blog/machine-learning-in-your-business Machine learning is a hot topic, and it's changing the world around us. Yet many of us still don't know much about this emerging field. It's crucial to understand machine learning, as it redefines and shapes our daily life. It's time to consider it as part of a solution in your business - if you haven't already. ### Understanding Client Side Compiler Optimization in Vue | Rangle (published 2018-05-29) URL: https://rangle.io/blog/understanding-client-side-compiler-optimization-in-vue Vue.js is an up and coming framework in the the front-end Javascript ecosystem. Experienced software developers must consider how Vue is built in order to understand how it scales. Moving forward we will explore the internals of Vue and see what the constraints are for building fast, scalable applications. ### Chatbots: An Introduction to Conversational UI | Rangle (published 2018-05-22) URL: https://rangle.io/blog/chatbots-an-introduction-to-conversational-ui When built properly, chatbots offer real value beyond the buzz. This article unpacks what a conversational user interface is and how it applies to chatbots. ### Finding the Heart in Technology by Prioritizing Privacy and Security | Rangle (published 2018-05-15) URL: https://rangle.io/blog/finding-the-heart-in-technology Between Facebook controversy and mass data leaks, headlines have been dominated with questions around technological advances and ethical principles. Users are questioning and demanding the installment of regulations to protect their right to privacy. How does that impact those of us who deliver technical solutions? ### "Dangerously Close to Release": What to Expect in Angular 6 and Beyond | Rangle (published 2018-05-01) URL: https://rangle.io/blog/dangerously-close-to-release-what-to-expect-in-angular-6-and-beyond Having recently attended ng-conf 2018, where the Angular core team announced that Angular 6 is ### Redux Form Validation with ngrx-forms | Rangle (published 2018-04-09) URL: https://rangle.io/blog/ngrx-forms Many enterprise applications use complex forms with even more complex validation rules. Out of the box, Angular offers a solution to handle forms including its validation. But even though the solution is feature rich, it can't cover every possible use case. What if we want to count how many fields are invalid in any given section of our application? What if we want to validate a field depending on the value of another component's field? ### The Biggest Takeaways After Finishing Bridge's Product Design Program | Rangle (published 2018-04-04) URL: https://rangle.io/blog/biggest-takeaways-after-finishing-bridges-product-design-program-we-spoke-with-three-alum-to-hear-their-thoughts Bridge for Product Designers Cohort 1 applications are now open! What exactly will you get from participating in the program? I spoke with alum from Cohort 0 to hear about their experience, what it's like to challenge yourself in a safe environment, and gaining confidence through practice. ### Evan You's Visit to Toronto | Rangle (published 2018-04-03) URL: https://rangle.io/blog/evan-yous-visit-to-toronto Last January we had the first meeting of our brand new VueJS Toronto Meetup. It was well attended – we had about 150 people. It was clear that the Toronto developer community was excited about Vue. We were so happy with the turnout, we started thinking what else we could do. So, we invited Vue's creator Evan You to come to Toronto! ### Finding Your Gateway to Learning Vue | Rangle (published 2018-03-28) URL: https://rangle.io/blog/finding-your-gateway-to-learning-vue Learning is a unique experience. It requires relating our previous background to new concepts and patterns. Those experiences are remembered specifically and each person recalls a concept a little differently. I remember a picture of a ball falling with labelled symbols, others might remember the equation, and some may remember the sounds of the physics hall. Recollection can be a little different and thus, learning requires varied approaches. ### Exploring Zero Configuration With Vue | Rangle (published 2018-03-19) URL: https://rangle.io/blog/exploring-zero-configuration-with-vue Vue.js is a versatile and approachable framework for building modern JavaScript applications. You can start out by simply adding a script tag with some vanilla JS. Or you can go all-in and create a modern JavaScript application with all the trimmings using a build system such as Webpack. However, the latter requires a fair bit of configuration knowledge so it doesn't quite fit the mantra of easily approachable, especially for people who are just starting to explore the world of modern JavaScript applications. ### Do it with Elegance: How to Create Data-Driven User Interfaces in Vue | Rangle (published 2018-03-07) URL: https://rangle.io/blog/how-to-create-data-driven-user-interfaces-in-vue Although we usually know what components are needed when building most views within an app, sometimes we don't know what they are until runtime. This means we need to build a screen based on the application state, user preferences, or response from an API. A common case is building dynamic forms, where the questions and components needed are either configured by a JSON object, or where fields change based on the users' answers. ### A Bridge to Help Women Advance Their Careers in Tech | Rangle (published 2018-03-02) URL: https://rangle.io/blog/a-bridge-to-help-women-in-tech-advance-their-careers When it comes to technical skills, initiatives often focus on getting more women into the pipeline. For Bridge program leaders Emily Porta and Lindsie Canton, the challenge was not about getting more women into the pipeline, but helping them move further through it. Initially incubated by Rangle.io, the Bridge program is an initiative to ### RxJS, where is the If-Else Operator? | Rangle (published 2018-02-26) URL: https://rangle.io/blog/rxjs-where-is-the-if-else-operator if/else statements are a staple for handling conditional actions. It's natural for most developers to reach for the if/else statement when a decision needs to be made in code. However, in the reactive programming paradigm (e.g. with RxJS) this conditional statement is mysteriously unavailable. How can you code without it? ### Why Write Server Rendered Frontend Apps | Rangle (published 2018-02-07) URL: https://rangle.io/blog/why-write-server-rendered-frontend-apps Web applications have been evolving dramatically in recent years and many techniques have evolved to help our applications run faster, respond quickly, and load easily. With a wide array of modern development techniques it's easy to overlook all of the options. Server-side Rendering web apps is one such option that has really impressive benefits when implemented in our applications. ### Progressive Web Apps: An Overview | Rangle (published 2018-02-02) URL: https://rangle.io/blog/progressive-web-apps-an-overview Depending on the user's needs, Progressive Web Apps (PWAs) are a great option for people who find it more freeing and flexible to open up a browser instead of installing a mobile application. PWAs take advantage of ever improving technologies to provide users with some of the power of both mobile sites and native apps. ### Fostering a Growth Mindset in the Workplace | Rangle (published 2018-01-24) URL: https://rangle.io/blog/fostering-a-growth-mindset-in-the-workplace This article, originally published in IT World Canada, explores how Rangle fosters a growth mindset through internal programs like mentorship, guilds, and Bridge — a free 11-week program for women in software development. ### How We Built Bridge for Product Designers | Rangle (published 2018-01-24) URL: https://rangle.io/blog/how-we-built-bridge-for-designers It's been a few months since we finished our beta Bridge for Product Designers course, so it's a perfect time to reflect on the experience. If you haven't heard of us before, at Bridge we build and run part-time courses that are free for students with the goal of fostering a more inclusive, diverse, and accessible tech industry. Our courses are made by volunteers and hosted at tech companies in Toronto. They're designed to remove barriers for junior to intermediate professionals who are women, non-binary, or agender. We're able to efficiently build courses that are tailor-made for these groups by applying design thinking and lean development methodologies. We utilized processes like project discovery, user research, user journey mapping, usability testing, and iterative improvement. This is the story of how we used those methodologies to make a really amazing product. ### How to Use Agile to Achieve Your Personal and Professional Goals | Rangle (published 2018-01-14) URL: https://rangle.io/blog/how-to-use-agile-to-achieve-your-personal-and-professional-goals It's January, and that means New Year's resolutions, that time of year when our best intentions--improve our lives, pick up that new hobby, and learn that new skill--last for a few weeks before real life gets in the way. As a Scrum Master at Rangle, I've been thinking a lot over the past few weeks about how I can take what I practice at work every day to help others achieve their project and team goals and apply those concepts to bettering myself in 2018. Luckily, there are lots of concepts that I can take from the Agile project management philosophy to make a series of resolutions that have a much greater chance of sticking than ### How Rangle's Coaching Program Benefits both Coach and Coachee | Rangle (published 2018-01-10) URL: https://rangle.io/blog/how-rangles-coaching-program-benefits-both-cochee-and-coach Every January, many folks resolve to ensure the New Year is their best one yet. Yet, too often people fail at reaching goals that they set for themselves. Whether it's losing that holiday weight, learning a new skill, or striving for that promotion, if you find yourself as someone who has trouble sticking to goals and resolutions, whether it's a New Year's resolution or throughout the year, then maybe it is time to get yourself a coach. On the other hand, for those looking to enrich their own communication and relationship skills, then the role of the coach may be for you. ### How to Migrate to a JavaScript Framework Successfully | Rangle (published 2018-01-02) URL: https://rangle.io/blog/how-to-migrate-to-a-javascript-framework-successfully Most top-performing modern companies rely on web-based software to operate efficiently while providing value to their customers. These applications often contain custom and intricate business logic that gives businesses an edge over their competition. ### The 6 Gates of Quality BQAs Implement to Ensure Successful Projects | Rangle (published 2017-12-27) URL: https://rangle.io/blog/the-6-gates-of-quality-bqas-implement-to-ensure-successful-projects The BQA acronym comes from Business Analyst/Quality Assurance and since neither role is properly defined in Scrum, we combined the roles to fill the void. This bridge between technical expertise and customer satisfaction is something we're passionate about and have written about in the past. Today, we'll go over the 6 gates of quality our BQAs implement to ensure quality in the process while maintaining business functionality and value throughout every phase of the development cycle. ### Designing APIs that Enable Scalable Frontends | Rangle (published 2017-12-21) URL: https://rangle.io/blog/designing-apis-that-enable-scalable-frontends Successful web app development requires delivering strong communication between backend servers and frontend applications. The end client of an API needs to easily understand how to utilize the system to develop features and improve the application. REST (REpresentational State Transfer) has historically been used as the paradigm for this communication. ### JavaScript Frameworks: The Year of Convergence | Rangle (published 2017-12-19) URL: https://rangle.io/blog/javascript-frameworks-the-year-of-convergence If 2016 was the year of JavaScript fatigue then 2017 was most certainly the year of convergence. Most JavaScript frameworks have converged towards using similar tooling and concepts. ### Why I Moved to Canada for Rangle (published 2017-11-28) URL: https://rangle.io/blog/why-i-moved-to-canada-for-rangle My name is Ben Hofferber and I am one of the recent hires at Rangle. Over the course of the last couple months, I ditched or sold all of my things and moved to Toronto from Boise, Idaho. Visiting and consequently moving to Canada were my first and second times outside of the United States. I left my home to pursue a future with Rangle. Since it's not everyday that someone moves to another county for a job, I figured I'd tell you the story of why it was the easiest decision I've ever made. ### The 3 eCommerce Trends that Will Make or Break You in 2018 | Rangle (published 2017-11-23) URL: https://rangle.io/blog/the-3-ecommerce-trends-that-will-make-or-break-you-in-2018 Oh, it's that time of the year again. As the temperature drops and turkeys sell out in celebration of Thanksgiving, retailers all over North America are getting ready for Black Friday and Cyber Monday, the holiday (and made up holiday) that serve as perfect case studies for the unstoppable shift towards online shopping. ### Scrum Master, Wearer of Many Hats | Rangle (published 2017-11-21) URL: https://rangle.io/blog/scrum-master-wearer-of-many-hats The Scrum Master (SM), in the Scrum process, requires individuals to wear many hats and perform well in varied situations. Although the roles of facilitator and team coach often come to mind when thinking of the SM, this crucial role goes beyond "removing impediments" and providing moral support to the rest of team. Below, I'll break down some of the areas that the SM is in charge of and the ways a successful SM leads to successful product delivery and client satisfaction. ### 5 Questions: What's it like being a Bridge student? | Rangle (published 2017-11-17) URL: https://rangle.io/blog/5-questions-whats-it-like-being-a-bridge-student Now that Bridge applications are open again, we've gotten a lot of questions about what it's like to be in the program. So this week we sat down with three alumni to chat about their Bridge experience. Who better to speak about what it's really like than the students? ### Rangle at AngularConnect 2017! | Rangle (published 2017-11-17) URL: https://rangle.io/blog/rangle-at-angularconnect-2017 AngularConnect, Europe's largest Angular conference, took place on November 7 and 8 in London, England. As the premium sponsor, Rangle had the honor of being the keynote presenter during the second day of the conference. Our CTO, Yuri Takhteyev, took the stage to share the thrilling story of how far both Angular, the leading open source JavaScript application framework, and Rangle had come in the past four years. ### How Do the BQAs at Rangle Fit Into a Scrum Team? (published 2017-11-15) URL: https://rangle.io/blog/how-do-the-bqas-at-rangle-fit-into-a-scrum-team At Rangle, we realize that while we try to maintain the team-first approach to quality as defined in the Scrum Guide, there are just some things that our Business Quality Analysts (BQAs) are better at. The role of the BQA on a development team at Rangle is not as a tester as in other organizations, as my colleague Eric has already alluded to in his article BQAs: Why We Combined the Business and Quality Analyst Roles. We help to ensure that the Scrum Team develops cross-functional skills in testing and in story writing; we're essentially Quality Coaches who work to assist our team members to adopt a testing mindset while thinking of quality from the product's inception. ### The Role of AI in the Future of eCommerce | Rangle (published 2017-11-09) URL: https://rangle.io/blog/the-role-of-ai-in-the-future-of-ecommerce Whether you're interested in expanding the online presence of your brick and mortar business, or optimizing your digital store, there have never been more exciting times to discuss eCommerce, traditional retail and the technologies that will affect both. Today we will focus on AI (specifically on machine learning) and how the stores of the very near future will require you and your team to leverage it. ### Agile: Proximity, Progress, and Hidden Costs | Rangle (published 2017-11-06) URL: https://rangle.io/blog/proximity-progress-and-hidden-costs Rangle has acquired key insights doing Agile software development projects for a diverse group of clients. In this article, we take a look at when testing ought to happen, which parts of it are actually worth doing, and how to tell. ### The Past, Present and Future of the QA | Rangle (published 2017-10-31) URL: https://rangle.io/blog/past-present-future-qa As we've discussed in previous articles, the role of the QA has transformed over the years. Affected by a shift towards Continuous Delivery, technological advances (such as A.I. and machine learning) and changing expectations from clients and their own teams alike, the role of QAs of today isn't what it used to be a few years ago. Naturally, the skills that will be required of them in the future will also evolve. ### Agile: First Contact with a New Client | Rangle (published 2017-10-30) URL: https://rangle.io/blog/agile-first-contact-with-a-new-client Our recent whitepaper Advanced Agile: Five Ways to Accelerate Delivery, Improve Flexibility, and Reduce Waste (Available through our Contact Us form) summarizes five of the key insights Rangle has acquired doing Agile software development projects for a diverse group of clients. ### Where to Begin in Agile: Learning Before Doing | Rangle (published 2017-10-25) URL: https://rangle.io/blog/where-to-begin-learning-before-doing Our recent whitepaper ### BQAs: Why We Combined the Business Analyst and Quality Assurance Roles | Rangle (published 2017-10-20) URL: https://rangle.io/blog/bqas-why-we-combined-the-business-and-quality-analyst-roles Quality assurance has a bad reputation. Despite being a vital part of the development process, some argue that if developers were writing good code in the first place, then QAs wouldn't be necessary. Yet constant testing is vital to ensure things work as they're supposed to. ### Unit Testing React, Redux, Selectors, and Epics | Rangle (published 2017-10-17) URL: https://rangle.io/blog/unit-testing-react-redux-selectors-and-epics Components can be tested with snapshot testing. Tools like Jest (often combined with Enzyme) that offer this functionality take a 'snapshot' of what your component renders--everything from divs, attributes, classNames, props, and state--and saves it to a file, kind of like this: ### Agile Development: 3 Ways it Benefits your Business | Rangle (published 2017-10-12) URL: https://rangle.io/blog/agile-development-3-ways-it-benefits-your-business With support from Alex Karasyov. Although Agile development is common practice within many of the world's leading tech companies, many aspects of the process are still misunderstood, misused, or all alone ignored. Agile software development refers to a set of best practices, methodologies and team values that allow organizations to quickly adapt to changing customer needs and respond to competitors, all while solidifying team morale. ### Creating Forms with Redux: Part II | Rangle (published 2017-10-06) URL: https://rangle.io/blog/creating-forms-with-redux-part-ii In Creating Forms with Redux Part I, we hooked up our forms to Redux, learned about the reduxForm HOC and Field component, styled our forms, and made a custom input component. In this section, we continue creating reusable components for the most common form widgets, learn how to do field-level validation, and dive a bit deeper into the built-in action creators and selectors to help us create a more dynamic form. ### Creating Forms with Redux: Part I | Rangle (published 2017-10-04) URL: https://rangle.io/blog/creating-forms-with-redux-part-1 There are few things less appealing than forms but they're still one of the most direct ways for a user to dump a hunk of data into your server. To make the process of filling a form as painless as possible, one needs a good form system that handles common concerns such as: ### Using React Native to Build GitPoint | Rangle (published 2017-09-28) URL: https://rangle.io/blog/using-react-native-to-build-gitpoint If you've been involved in mobile development in any way in the past few years, you may have heard of React Native - a framework that lets you build native mobile applications using only JavaScript and React. ### State of eCommerce: Where Retailers Are at Right Now | Rangle (published 2017-09-26) URL: https://rangle.io/blog/state-of-ecommerce-where-retailers-are-at-right-now eCommerce is no longer just an add-on to conventional brick and mortar sales, but an integral part of business strategy. Customers are buying online with increased frequency, while also using mobile to research purchasing decisions before stepping foot in a store. Whether it's a physical storefront or a digital one, eCommerce solutions need to meet customers where they're at in order to maximize profits for businesses and provide seamless shopping experiences for customers. ### Creating a Cryptocurrency App Using Vue.js | Rangle (published 2017-09-21) URL: https://rangle.io/blog/creating-a-cryptocurrency-app-using-vue-js Cryptocurrency is getting hotter by the second. Though Bitcoin is the big name in the cryptocurrency game, there are many other crypto players claiming to serve a unique and underserved purpose in the market. ### 5 More Takeaways from Elevate Toronto Lean Innovation | Rangle (published 2017-09-19) URL: https://rangle.io/blog/5-more-takeaways-from-elevate-toronto-lean-innovation With so many inspiring and insightful leaders at last week's sold-out Lean Innovation track at Elevate Toronto, we had to bring you five more takeaways. ### 5 Takeaways From Elevate Toronto Lean Innovation | Rangle (published 2017-09-14) URL: https://rangle.io/blog/5-takeaways-from-elevate-toronto-lean-innovation Rangle had the pleasure of hosting a sold-out crowd of Lean Innovation experts and enthusiasts at our new office yesterday. As part of the Elevate Toronto Festival, the event sought to celebrate Canadian innovation through the lens of what it means to embrace lean methodologies in today's world. ### Sneak Peak into the Sold Out Lean Innovation Stream at Elevate Toronto Festival | Rangle (published 2017-09-12) URL: https://rangle.io/blog/sneak-peak-into-the-sold-out-lean-innovation-stream-at-elevate-toronto-festival The Elevate Toronto Festival kicks off today and we're giving you a sneak peak into our sold-out Lean Innovation track on Sept 13. ### Elevate Toronto: What is Lean Innovation Anyway? | Rangle (published 2017-09-11) URL: https://rangle.io/blog/elevate-toronto-what-is-lean-innovation-anyway Today, even the most established corporations are having to ### Angular 4 + Truffle: Write, compile & deploy smart contracts on Ethereum based blockchains | Rangle (published 2017-09-06) URL: https://rangle.io/blog/angular-4-truffle-write-compile-deploy-smart-contracts-on-ethereum-based-blockchains If you've been keeping up with the cryptocurrency game, odds are you've heard about Ethereum. Ethereum is, in short, a platform that allows you to write smart contracts to be executed on their blockchain(s). ### Here's why you want to use React VR | Rangle (published 2017-08-24) URL: https://rangle.io/blog/heres-why-you-want-to-use-react-vr Virtual reality is exploding. Brands now have increasing options to create virtual reality experiences for customers, one of which is React VR. React VR's value proposition is very similar to why people use React Native, and it shares many of the same benefits. ### Imagining 3 Real-World Applications for WebVR | Rangle (published 2017-08-22) URL: https://rangle.io/blog/imagining-3-real-world-applications-for-webvr As big proponents of React's various capabilities, we are excited about the recent release of React VR. React VR is the latest web-based framework for WebVR experiences. It operates seamlessly within the browser, giving JavaScript enthusiasts like ourselves and many of our clients the opportunity to integrate VR experiences into existing web applications. ### The Challenges and Celebrations of Canadian CIOs Right Now | Rangle (published 2017-08-16) URL: https://rangle.io/blog/the-challenges-and-celebrations-of-canadian-cios-right-now Canadian CIOs have a lot to celebrate. According to the CanadianCIO Census 2017, hiring is up, budgets are increasing (in some cases by as much as 15%), and there is a plethora of new technology that many companies are ready to soon deploy. ### Onboard Your Devs Onto Your Distributed Application in Minutes With Docker, Part 2 | Rangle (published 2017-08-11) URL: https://rangle.io/blog/onboard-your-devs-onto-your-distributed-application-in-minutes-with-docker-part-2 In part 1, we learned about Docker and created a Dockerfile that provides a suitable environment in which our application's services can run. If you recall, our sample application has two services, a Node backend API, and a React front-end. In part 2, we will use Docker Compose to orchestrate our application's services during development so that we can run our distributed application with a single command. ### Onboard Your Devs Onto Your Distributed Application in Minutes With Docker, Part 1 | Rangle (published 2017-08-08) URL: https://rangle.io/blog/onboard-your-devs-onto-your-distributed-application-in-minutes-with-docker-part-1 Many of today's web applications are composed of multiple layers. At minimum, there are two: a front-end presentation layer, that usually runs client side, and a back-end layer, that provides the logic and data. It's common to have additional layers too, such as a database layer. For example, PostgreSQL or MongoDB provide long-term data storage, and a cache layer, for example Redis, for short-term, rapid-access data storage. It is even possible to have multiple back-end layers each with their own concerns. For example, one layer responsible for RESTful requests, another for Websockets, and another for computation-intensive requests. ### Three Innovative Methodologies to Reduce FinServ Spending and Enhance Customer Experience | Rangle (published 2017-08-03) URL: https://rangle.io/blog/three-innovative-methodologies-to-reduce-finserv-spending-and-enhance-customer-experience Financial institutions and other FinServ and FinTech companies are spending more than ever building applications for web, mobile, kiosk and even in-branch experiences. It's encouraging to see the dedication of resources to this area, but the spending is spiraling out of control, becoming frivolous, and, in some cases, redundant. ### What Is Open Banking and Why Does it Matter to FinServ Companies? | Rangle (published 2017-08-01) URL: https://rangle.io/blog/what-is-open-banking-and-why-does-it-matter-to-finserv-companies Here's a daunting task: deliver best-in-class digital services while reducing operating costs. Leadership teams are all too familiar with having to find innovative solutions to business problems while maintaining the integrity of consumer data, abiding to budgets, and operating within the constraints of the banking industry, one that is highly regulated and historically opaque when it comes to transparency. ### Introducing Bridge: a Free Code School for Women | Rangle (published 2017-07-25) URL: https://rangle.io/blog/introducing-bridge-a-free-code-school-for-women A common refrain in tech companies today is: ### Angular Components and the Redux Store: Now You Can Have Your Cake and Eat it Too! | Rangle (published 2017-07-13) URL: https://rangle.io/blog/angular-components-and-the-redux-store-now-you-can-have-your-cake-and-eat-it-too Over the last year, two architectural ideas have risen to the surface of JavaScript web app development: Component-Oriented Architecture (COA) and Redux state management. Component-Oriented Architecture is one of the main tenets in both React and Angular: it encourages developers to break down the UI into a graph of self-contained, re-usable UI components. On the other hand, Redux is a functional-reactive approach to state management where the UI is at any time a derivation of a global, immutable store. ### 10 Ways to Misuse Angular | Rangle (published 2017-07-11) URL: https://rangle.io/blog/10-ways-to-misuse-angular Any chainsaw that can cut down a tree can also take off a leg if used carelessly. Equally, any framework as powerful as Angular will inevitably contain traps for the unwary. ### Analytics During Project Kick Off | Rangle (published 2017-06-27) URL: https://rangle.io/blog/analytics-during-project-kick-off Building digital analytics features into web and mobile products is a small but strategically important set of activities when building out an MVP (minimum viable product) or rewriting a product. This blog post reviews where analytics planning intersects with other project kick off activities. ### This Is Your Brain on Code | Rangle (published 2017-06-22) URL: https://rangle.io/blog/this-is-your-brain-on-code Programmers tend to have strong opinions about what makes code easier or harder to understand. Until recently, though, those opinions have been based on self-analysis and received wisdom, i.e., on programmers thinking about what they themselves do, and (more often) on what the rest of the herd is saying. ### Assessing an Organization's Analytics Maturity | Rangle (published 2017-06-20) URL: https://rangle.io/blog/assessing-an-organizations-analytics-maturity When delivering mobile and web applications that include analytics, it is important to gauge the organization's current analytics capabilities and how the project can advance them. ### FinDEVr: Q&A with Rangle (published 2017-06-16) URL: https://rangle.io/blog/findevr-qa-with-rangle On June 12, Doug Riches headed to London, England to present How JavaScript is Radically Changing The Way Financial Institutions Create Enhanced Customer Experiences Fostering Creativity to an eager audience at FinDEVr, part of London's Tech Week. The Q&A portion was full of engaging questions, here's some of the highlights: ### Your Agile DevOps Partner | Rangle (published 2017-06-13) URL: https://rangle.io/blog/your-agile-devops-partner DevOps is what happens when developers work hand-in-hand with the system administrators and other IT staff who are responsible for getting software into users' hands and keeping it running. Discussion about it frequently centres on tools, but its core is a set of practices that are best understood as answers to a handful of key questions. ### Lean Discovery: Shifting from Outputs to Outcomes by Finding & Fixing Customer Pain | Rangle (published 2017-06-08) URL: https://rangle.io/blog/lean-discovery-shifting-from-outputs-to-outcomes-by-finding-fixing-customer-pain So many software development projects start with high levels of uncertainty. Some of it is explicit, you many not know exactly who the target customer is and what they want, and some of it may be implicit, you have a great idea but are uncertain about the technical risks of delivering the experience or what the state-of-the-art is capable of and, as they say, you don't know what you don't know. In these cases we echo the words of "Ike" Eisenhower: ### What does it mean to be a Product Owner? | Rangle (published 2017-06-06) URL: https://rangle.io/blog/what-does-it-mean-to-be-a-product-owner At Rangle, we partner with our clients to deliver high-quality software. As part of this partnership, we often ask our clients to assign a Product Owner (PO) to help drive our team towards delivering software with the biggest Return On Investment (ROI). So, what does it mean to be a PO? ### Angular 4: Front End for the Enterprise | Rangle (published 2017-05-31) URL: https://rangle.io/blog/angular-4-front-end-for-the-enterprise When Angular 2 was released in September of 2016, it signalled a dramatic shift in enterprise front-end development. Not only was it a complete rewrite of AngularJS, but it was also built from the ground up with Typescript - Microsoft's strongly typed superset of JavaScript. ### When to Integrate Analytics into Development Projects | Rangle (published 2017-05-30) URL: https://rangle.io/blog/when-to-integrate-analytics-into-development-projects A common scenario is to tack implementing digital analytics onto the end of a project at the last minute. While this is much better than flying blind, better outcomes can be obtained by spending that time earlier in the project. ### From REST to GraphQL | Rangle (published 2017-05-25) URL: https://rangle.io/blog/from-rest-to-graphql I've been hearing about GraphQL lately, a library to create an API endpoint for your data. GraphQL has been positioned as a replacement for our traditional REST backends as it tries to solve the same problem. Which is, to make data available for our web or mobile apps, but with a different approach that is supposed to be more flexible. ### Building Customer Trust Through Security | Rangle (published 2017-05-23) URL: https://rangle.io/blog/building-customer-trust-through-security In 2017, reading news reports about online security breaches has become commonplace. In the United States alone, there was a 40% increase in security breaches in 2016 vs 2015 and since 2013 hackers have stolen over 7 billion customer records. ### You Don't Know What You're Missing | Rangle (published 2017-05-19) URL: https://rangle.io/blog/you-dont-know-what-youre-missing Companies once rose and fell based on the word-of-mouth they could generate around their products. Business must have gotten much more complicated with the mass consumption of radio and magazines. The mom and pop shops, having figured out print branding, would have had a hard time competing with the radio jingles of more savvy companies, which were ahead of the curve. ### Accessibility in Modern Web Applications | Rangle (published 2017-05-18) URL: https://rangle.io/blog/accessibility-in-modern-web-applications Today is Global Accessibility Awareness Day (GAAD), a day to raise awareness about accessibility and encourage development teams to make accessibility part of their practice. At Rangle, this is something that we are striving to do. We have helped several of our clients build accessibly, but it still represents a competing priority for many software projects. What developers, scrum masters and product owners should know is that like any other new practice, the initial cost incurred while ramping up ultimately saves time and leads to a more robust outcome. ### Is your eCommerce Platform Optimized to Drive Revenue? | Rangle (published 2017-05-16) URL: https://rangle.io/blog/is-your-ecommerce-platform-optimized-to-drive-revenue A common dilemma for leaders with eCommerce platforms across industries is recognizing when their online shopping platform's functionality is falling behind – or when the cost of keeping up is wasting valuable money and resources. ### React Fiber: Reconciling the Rumours with the Facts | Rangle (published 2017-05-10) URL: https://rangle.io/blog/react-fiber-reconciling-the-rumours-with-the-facts If modern JavaScript frameworks are your thing, you've probably heard people talking, recently, about React Fiber. ### Image Caching in React Native | Rangle (published 2017-05-08) URL: https://rangle.io/blog/image-caching-in-react-native Image loading is an important job of many Native applications for iOS and Android. We want to load images as quickly as possible, and to load them only once. ### A Look Back at FITC Toronto 2017 | Rangle (published 2017-05-03) URL: https://rangle.io/blog/a-look-back-at-fitc-toronto-2017 FITC Toronto 2017 was a huge success! Rangle's Varun Vachhar and Mike Costanzo spoke to packed audiences over the three-day event. Here's your inside look at what these two had to say: ### Continuous Integration & Continuous Delivery | Rangle (published 2017-04-27) URL: https://rangle.io/blog/continuous-integration-and-continuous-delivery Defining Continuous Integration and Continuous Delivery Continuous Integration (CI) has become an essential ingredient for teams doing iterative and incremental software delivery. CI is a development practice that requires developers to integrate code into a shared repository several times a day. Each check-in is then verified by an automated build, allowing teams to detect problems early. ### Three Books on Angular | Rangle (published 2017-04-25) URL: https://rangle.io/blog/three-books-on-angular Programmers routinely use Stack Overflow as a brain extender these days, but there is still a place for long-form tutorials and well-organized reference guides. These can do more than inform: they can shape how a technology develops by guiding readers in particular directions, and simply by existing, they tell developers what their peers find interesting. ### Tracking Form Completion in Google Analytics With Redux | Rangle (published 2017-04-21) URL: https://rangle.io/blog/tracking-form-completion-in-google-analytics-with-redux In this tutorial we're going to collect analytics on a Redux-powered user form. You will learn: How to measure user drop off in forms using Google Analytics. How to create a destination funnel report in Google Analytics. How to map Redux actions to Google Analytics events and page views. ### A Look Back on Rangle's Success at ng-conf (published 2017-04-19) URL: https://rangle.io/blog/a-look-back-on-rangles-success-at-ng-conf Rangle's presence was front and centre at this year's ng-conf 2017, the world's original Angular conference. Six Ranglers took to the stage to share their knowledge and expertise in front of 1,000+ developers. Here's what our experts had to say: ### Impact of Cycle Time on Customer Facing Enterprise Mobile and Web Applications | Rangle (published 2017-04-10) URL: https://rangle.io/blog/impact-of-cycle-time-on-enterprise-customer-facing-applications-and-what-to-do-about-it With support from Dave van Reese. Enterprises inspired by Agile and Lean startups often embark on mobile and web projects only to be disappointed. Although they faithfully implement many Lean practices, entrenched processes elongate cycle times and can dampen the benefits. ### How To Plan An Agile Project That Doesn't Fail | Rangle (published 2017-04-04) URL: https://rangle.io/blog/how-to-plan-an-agile-project-that-doesnt-fail These are the people that will help you deliver your product. These will be your executives, sponsors, key customers, partners and any other interested parties that can influence the outcome of the project. ### Software Architecture Using Angular | Rangle (published 2017-03-31) URL: https://rangle.io/blog/software-architecture-using-angular Angular 2 has grown steadily more popular since its release, and a growing number of books are now available to teach programmers how to use it. But building an application involves a lot more than just writing code: in order to be performant and maintainable, the application must have some over-arching architectural plan that ties its pieces together and gives direction to future growth. ### Ever Wanted to Use Git Without the Command Line? | Rangle (published 2017-03-29) URL: https://rangle.io/blog/ever-wanted-to-use-git-without-the-command-line This article focuses on WebStorm which is an IDE created by the wonderful folks at JetBrains. The IDE provides great functional tools for web development such as Git integration which will be discussed in this article. This article assumes the reader is familiar with Git concepts including forking and rebasing. ### To Type or Not to Type | Rangle (published 2017-03-23) URL: https://rangle.io/blog/to-type-or-not-to-type Programmers have strong opinions on many things, one of which is the use of strong typing in programming languages. On the one hand are people who claim that strong typing makes developers' intentions clearer and catches errors before code is even run. On the other hand are those who say that strong typing makes code harder to modify, and that focusing on getting types correct distracts from focusing on getting the rest of the program correct. ### Happy People Make for High Performing Teams | Rangle (published 2017-03-20) URL: https://rangle.io/blog/happy-people-make-for-high-performing-teams Building high-performing teams is hard. It's even harder with a professional services company, as creating new teams working on new projects is something we do on a regular basis. This means we are often in the position of learning about the client, their product and business on top of learning about ourselves and how we will work together. ### How to Track Analytics with Redux and Google Tag Manager | Rangle (published 2017-03-14) URL: https://rangle.io/blog/how-to-track-analytics-with-redux-and-google-tag-manager Google Tag Manager (GTM) makes it quick and easy for digital marketers to manage what events are sent to analytics servers such as Google Analytics (GA). However, integrating GTM and developing a maintainable tagging strategy is challenging for those who are new to it. Here I am introducing an open source project called ReduxBeacon that resolves the challenge with GTM integration for apps using Redux or ngrx/store. ### Create Enhanced Customer Experiences With React | Rangle (published 2017-03-13) URL: https://rangle.io/blog/create-enhanced-customer-experiences-with-react DX3 , Canada's leading technology, digital marketing and retail event took place on March 8 and 9. Rangle was there to help marketers, brands and retailers understand how technology is affecting the customer journey, and how they can use technology and measurement to their business advantage. Through stage sponsorship, a booth explaining our lean eCommerce messaging and a speaking session by Doug Riches, Group Technology Director, our presence was very much front and centre. ### MWC: Connected Living | Rangle (published 2017-03-03) URL: https://rangle.io/blog/mwc-connected-living This week Mark Kingston, Rangle's Vice President of Operations, set up shop in the centre of mobile innovation: Mobile World Congress (MWC) in Barcelona. Truly the launching ground for the coolest high-profile gadgets, MWC also gathers industry heavyweights eager to talk about the future of mobile. Smart cities was the prevailing theme at this year's conference. Mark shares some of the key takeaways from #MWC17. ### Why Rangle Builds Native Mobile Apps Using JavaScript (published 2017-03-01) URL: https://rangle.io/blog/why-rangle-builds-native-mobile-apps-using-javascript With Ranglers setting up shop at Mobile World Congress this week in Barcelona, it seems like a fitting opportunity to weigh in on a few questions we commonly hear: should brands develop mobile apps in Native code or a JavaScript framework and what implications does this have on business. ### Writing Analytics User Stories | Rangle (published 2017-02-22) URL: https://rangle.io/blog/writing-analytics-user-stories A key to successful projects is incorporating learnings to drive decisions. To obtain learnings from live users, teams must deliver features that collect and analyze behaviour. This post discusses writing user stories that involve analytics. ### Map/Reducing the Pain of Dealing With Arrays | Rangle (published 2017-02-15) URL: https://rangle.io/blog/map-reducing-the-pain-of-dealing-with-arrays This is a rather meaty post that will hopefully shed some light on concepts that have been misunderstood and under-utilized, in the general community. The goal of this post is to explore the concepts behind map and reduce, and to illustrate how they can simplify algorithms for dealing with arrays of data. ### Refactoring Node with Higher-Order Functions | Rangle (published 2017-02-03) URL: https://rangle.io/blog/refactoring-node-with-higher-order-functions Prior to the holidays, my colleague Nick wrote an awesome post on getting better at functional programming by stepping out of your comfort zone, and burning the boats upon the shores of strange new languages. If you did find yourself conquering the lands of Erlang, Elm, Haskell, or the isles of Akka/Scala, my hat's off to you. ### Migrating an Angular 1 Web Application to React | Rangle (published 2017-01-20) URL: https://rangle.io/blog/migrating-an-angular-1-application-to-react As Angular 1 web applications continue to grow, scaling the UI and adding increasingly complex features tends to get challenging quickly. Depending on the use case and amount of information required to be processed, this can lead to performance degradation, troubles with interactivity, rendering slowdowns and race conditions if those complexities aren't handled properly (and sometimes even if they are). ### Two Good Approaches for Implementing Analytics Tags | Rangle (published 2017-01-13) URL: https://rangle.io/blog/two-good-approaches-for-implementing-analytics-tags Good analytics are no longer just a nice-to-have. Your digital analytics are one of your competitive imperatives. Companies that win, will succeed through data driven insights and increasingly through automated intelligent systems. ### How to Store User Passwords and Overcome Security Threats in 2017 | Rangle (published 2016-12-23) URL: https://rangle.io/blog/how-to-store-user-passwords-and-overcome-security-threats-in-2017 Cybersecurity got ever more attention in 2016 as all industries realized how important it is to have strong protection of their computer systems. At the top of the list of security issues are passwords. Many people believe it is the weakest link in internet security (some believe it is permanently broken). ### Google Analytics Best Practices for JavaScript Developers | Rangle (published 2016-12-14) URL: https://rangle.io/blog/google-analytics-for-javascript-developers As a JavaScript developer, you may find it disorienting when you first start learning about yet another large subject matter that is Google Analytics and Google Tag Manager (GA/GTM). There are many GA/GTM articles and examples that paint a confusing or outdated picture for single page and mobile apps. However, fear not. This post introduces GA/GTM to seasoned JavaScript developers and suggests the best practices we've adopted here at Rangle. By following our tips, you'll be able to drive better value for clients and produce actionable insights from your application's data. ### Angular 2, NgModel and Custom Form Components | Rangle (published 2016-12-02) URL: https://rangle.io/blog/angular-2-ngmodel-and-custom-form-components This post currently reflects an earlier version of Angular, and may not be up to date or reflect the current release. ### First Time Using Scrum to Build Software? Do it "By the Book" | Rangle (published 2016-11-24) URL: https://rangle.io/blog/first-time-using-scrum-to-build-software-do-it-by-the-book Scrum, one of the most effective contemporary software development processes, is designed to be flexible but new practitioners often try to adapt and change things too quickly. The urge to customize Scrum based on old habits or outdated thinking typically leads to unsuccessful software releases - or worse, nothing at all. ### Touch and Mouse Together | Rangle (published 2016-11-15) URL: https://rangle.io/blog/touch-and-mouse-together If you have built a web app in the past few years, you've probably had to deal with touch events. In many cases this was limited to handling tap and removing that pesky 300ms delay. However with touch devices becoming more powerful, we now have to implement more complex gestures— gestures that work for both mouse and touch. ### Get Better at Functional JavaScript Without Learning More JavaScript | Rangle (published 2016-11-04) URL: https://rangle.io/blog/get-better-at-functional-javascript-without-learning-more-javascript Functional Programming (FP) is awesome. Some of its key ideas inspired a lot of the JS practices and tools we use here at Rangle, especially React and Redux. ### Lessons Learned in the Quest for a Perfect Project Discovery Process | Rangle (published 2016-10-28) URL: https://rangle.io/blog/lessons-we-learned-in-the-quest-for-a-perfect-project-discovery-process This blog post is the second of an in-depth, two-part series on Rangle's project design discovery process. If you missed part one, you can find it here: Project Discovery in a Lean Agile World: Introducing the Clarity Canvas. ### Facilitating Design: Getting to the 'Why' on Your Projects | Rangle (published 2016-10-21) URL: https://rangle.io/blog/facilitating-design-getting-to-the-why-on-your-projects We don't often think of facilitation as a core skill for product designers, but there are many reasons why we should. One is that a lot of the design discovery that we do is like detective work. To design great products, you need to tease out and gather information from a wide variety of people, starting with the stakeholders on your project. ### Flattening Deep Hierarchies of Components | Rangle (published 2016-10-18) URL: https://rangle.io/blog/flattening-deep-hierarchies-of-components Components are an awesome tool for building interfaces. They allow you to break down the UI into distinct reusable elements. These can then be composed to build complex applications in a more sustainable way. ### Build Amazing MVP Mobile and Web Apps Without Frightening Your Boss | Rangle (published 2016-10-06) URL: https://rangle.io/blog/how-to-build-amazing-mvp-products-without-frightening-your-boss If you're building web or mobile apps for an enterprise, it's beneficial to release the minimum viable product (MVP) into the hands of your customers as quickly as possible. However, that's easier said than done, with so many dependencies and stakeholders involved, and so many dollars at risk. As a business or technology leader, product owner, or software architect, you might fear the consequences of working with an MVP app development approach your company is unfamiliar with, or you may have heard about costly mistakes for those who dared to try. However, there is a way to avoid all that pain and instead use a highly effective MVP process. ### Project Discovery in a Lean Agile World: Introducing the Clarity Canvas | Rangle (published 2016-09-30) URL: https://rangle.io/blog/clarity-canvas This is the first of an in-depth, two-part series on Rangle's project design discovery process. ### Dynamically Creating Components With Angular 2.0 | Rangle (published 2016-09-23) URL: https://rangle.io/blog/dynamically-creating-components-with-angular-2 **This post currently reflects an earlier version of Angular, and may not be up to date or reflect the current release.** Creating components has been a topic of interest because with each release candidate version of Angular 2, it seemed like the way to do so had changed. ### Architecting Real-Time Apps with The Streaming Web | Rangle (published 2016-09-16) URL: https://rangle.io/blog/architecting-real-time-apps-with-the-streaming-web Gone are the days of banks of request/response servers supporting real-time mobile and web applications. It's a bold statement, but today's users demand instant access to data and applications that operate with extreme accuracy. This customer need often entails development teams finding ways to stream gigabytes of information and events worldwide to devices that fit in the palms of users' hands. ### Angular 2.0: The Future of Enterprise Application Development | Rangle (published 2016-09-15) URL: https://rangle.io/blog/angular-2-0-the-future-of-enterprise-application-development The production release of the newest JavaScript framework happened today. Angular 2 is out of Beta! The official launch is fantastic news for anyone who needs to build complex business applications. ### How Retailers Can Fight Back, Survive and Thrive in a Digital World | Rangle (published 2016-09-13) URL: https://rangle.io/blog/how-retailers-can-fight-back-survive-and-thrive-in-a-digital-world Online shopping continues to rapidly grow in the U.S. and global markets, yet most retailers are still figuring out how to do business in an omnichannel world. E-commerce driven companies like Amazon, on the other hand, are crushing brick and mortar focused retailers in online shopping revenue. More than half of every $1 of retail e-commerce growth in the U.S. is already earned by Amazon, according to a recent report by Macquarie Research. Traditional retailers are also losing ground in store-front sales across America with Amazon grabbing 24 percent of total retail growth in 2015. ### Are Your Unit Tests Failing for the Expected Reasons? | Rangle (published 2016-09-09) URL: https://rangle.io/blog/are-your-unit-tests-failing-for-the-expected-reasons Unit tests can be an invaluable tool in the developers toolbox. You don't need to be a strict TDD purist to make unit testing worthwhile. Once you get into the flow of writing tests, it can be rather satisfying to watch the Nyan Cat Reporter go across your screen as the number of tests passing increase. ### Optimize your Angular 2 Application with Tree Shaking | Rangle (published 2016-09-02) URL: https://rangle.io/blog/optimize-your-angular2-application-with-tree-shaking Update: This post was written just after Angular's version 2.0 release. In that era the Angular CLI project was just getting started. Today they provide a complete build package so you should go over to their site if you want to get started right away. ### Quick Start with Angular Modules | Rangle (published 2016-08-26) URL: https://rangle.io/blog/quick-start-with-angular-modules Angular 2 RC5 was released was released last week. Looking through the change log of bug fixes and new features shows a lot of progress has been made. However, I experienced a sinking feeling after reading several pages of Breaking Changes about the introduction of @NgModule and changing how we need to bootstrap our applications. ### Stakeholder Experience Design | Rangle (published 2016-08-19) URL: https://rangle.io/blog/stakeholder-experience-design Because Rangle is a consultancy, we have the opportunity to work with many different clients over a relatively short period. Over the last two years, we've been able to refine a lean discovery process that allows us to rapidly align our teams with our clients and lay the groundwork for establishing clear communication channels on day one. What I realized over this time was something I had learned early in my career as a graphic designer pitching to upper management: the first experience you design is for your stakeholders. ### Hijacking Angular 2 Events | Rangle (published 2016-08-12) URL: https://rangle.io/blog/hijacking-angular2-events This post was last updated 08/12/2016. One of the nicest changes in Angular 2 is the new template syntax. The declarative nature of the brackets around a property and parentheses around events initially worried many people but it has really grown on me. ### Recipes for Redux | Rangle (published 2016-08-05) URL: https://rangle.io/blog/recipes-for-redux As Redux is becoming more popular within the Angular community, it's not always clear how to bridge the gap between working with Redux and how to make it fit naturally with Angular 2. ### Configurable Services in Angular 2 | Rangle (published 2016-07-28) URL: https://rangle.io/blog/configurable-services-in-angular-2 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. ### Computed Values with RxJS and @ngrx/store | Rangle (published 2016-07-22) URL: https://rangle.io/blog/computed-values-with-rxjs-ngrx-store @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. ### JavaScript's Asynchronous Options in 2016 | Rangle (published 2016-07-15) URL: https://rangle.io/blog/javascript-asynchronous-options-2016 This post is about the next generation of asynchronous JavaScript tools and it assumes basic familiarity with promises and callbacks. ### The Evolution of Augury, for Angular 2 Applications | Rangle (published 2016-06-24) URL: https://rangle.io/blog/the-evolution-of-augury 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. ### Improving React and Redux performance with Reselect | Rangle (published 2016-06-16) URL: https://rangle.io/blog/react-and-redux-performance-with-reselect 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. ### ReactEurope, 2016: The Year of React Native | Rangle (published 2016-06-09) URL: https://rangle.io/blog/react-europe-2016-year-of-react-native 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. ### Team Building is Akin to Building Software: A Scrum Master's View | Rangle (published 2016-06-03) URL: https://rangle.io/blog/building-a-team-is-like-building-software In this post, our Scrum Master Rehana shares her unique insights on what makes building a strong team comparable to building strong software. ### Real-World JavaScript: Rangle.io's Standard Tech Stack (published 2016-06-02) URL: https://rangle.io/blog/real-world-javascript-standard-tech-stacks 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. ### Beyond the Sugar: How I Learned To Love ES6 | Rangle (published 2016-05-26) URL: https://rangle.io/blog/learn-to-love-es6 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. ### React Native as an extension of hybrid app development | Rangle (published 2016-05-20) URL: https://rangle.io/blog/react-native-as-an-extension-of-hybrid 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. ### ng-conf 2016: A Coherent Stack for the Long Term | Rangle (published 2016-05-11) URL: https://rangle.io/blog/ng-conf-a-stack-for-the-long-term 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. ### Getting Started with Redux & Angular 2 | Rangle (published 2016-05-02) URL: https://rangle.io/blog/getting-started-with-redux-and-angular-2 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. ### How Note Taking Builds Better Teams & Products | Rangle (published 2016-04-22) URL: https://rangle.io/blog/note-taking-to-build-better-teams-and-products In this post, our Lead UX Designer Mike shares the one little addition to your design process that can really change the answer to the question ### Angular 2 Guidelines | Rangle (published 2016-04-13) URL: https://rangle.io/blog/angular-2-style-guide We've recently released our Angular 2 Guidelines. As a result, I'd like to take a moment to explain why, and how, they were developed. ### Observables and Reactive Programming in Angular 2 | Rangle (published 2016-04-08) URL: https://rangle.io/blog/observables-and-reactive-programming-in-angular-2 Interested in learning about the latest verison of Angular? Here is everything you need to know. ### A Deep Dive: How Angular 2 Form Models Work | Rangle (published 2016-03-31) URL: https://rangle.io/blog/how-angular-2-form-models-work This post was last updated 03/31/2016. Please refer to our Angular 2 eBook for the most recent updates. ### Angular 2's Change Detection: An Overview | Rangle (published 2016-03-23) URL: https://rangle.io/blog/angular-2-change-detection Change detection at face value is the act of determining if something is the same as it was at a previous time. In the case of this article, the thing that has changed is a web browser's Document Object Model (DOM) and the detection is done by Angular 2. This is an important feature of any web application's view layer and Angular 2 provides developers with many performant and useful tools for detecting change. ### Testing Your Angular 2 Application: Part 2 of 2 | Rangle (published 2016-03-17) URL: https://rangle.io/blog/testing-your-angular-2-application-part2 In part 1 of this series we defined a QuoteComponent that displays a random quote on a web page. We showed how to use Angular 2's testing utilities to mock out QuoteService and test the QuoteComponent's presentation logic in isolation. ### Testing your Angular 2 Application: Part 1 of 2 | Rangle (published 2016-03-11) URL: https://rangle.io/blog/testing-angular-2-applications Among the many new and exciting features of Angular 2 comes a robust and completely integrated testing module based off of the Jasmine testing framework. ### A Call for Confidence: My thoughts on International Women's Day Inspired by #IWDTO | Rangle (published 2016-03-08) URL: https://rangle.io/blog/a-call-for-confidence-my-thoughts-on-international-womens-day-iwdto Rangle's Sr. Talent Manager, Avery Francis, had the opportunity to spend the evening surrounded by brilliant women and men as they listened to thought leaders in the industry challenging the conversations, perceptions and stereotypes around women... ### Getting Started With Ionic 2 | Rangle (published 2016-03-01) URL: https://rangle.io/blog/get-started-with-ionic-2-tutorial The web developer's ecosystem has shifted dramatically over the last few years, and this has created opportunities for new approaches to mobile development. The Ionic framework from Drifty Co is a great example of this. Ionic came late into the hybrid-mobile-app development game, but it almost immediately found it's place as a leader in the industry and is now almost synonymous with mobile HTML5 development for many people. ### Upgrading Your Application to Angular 2 with ng-upgrade | Rangle (published 2016-03-01) URL: https://rangle.io/blog/upgrade-your-application-to-angular-2-with-ng-upgrade Now that Angular 2 is in beta, one of the more interesting questions at hand is how can we migrate existing Angular 1.x applications into Angular 2? Fortuntely, the Angular development team have thought about this same question and have introduced the upgrade module as a way to help seamlessly upgrade your application. In this blog post, we'll explore how to downgrade and upgrade components and services from Angular 1.x to Angular 2 and vice versa! ### Meet Rangle's Women in Software Guild! A Dispatch from UofT Hacks (published 2016-03-01) URL: https://rangle.io/blog/women-in-software-guild-uoft-hacks A few weeks ago Rangle had the privilege of being the first official Women in Software Sponsor for UofT Hacks, a student-run hackathon with over 500 participants chosen from thousands of applicants. The event was a huge success, with Rangle participating in the career fair, as mentors for the students, gathering feedback from students on their experience in the industry so far, and holding an entirely woman organized, led, and staffed professional development panel. Our ultimate goal was to find out more about what the computer science student experience is like, and through that, how we can help foster success with new graduates - especially those who identify as women. ### A Deep Dive Into Data: How Forms Are Different in Angular 2.0 | Rangle (published 2016-02-09) URL: https://rangle.io/blog/data-angular-2-forms This post was last updated 02/09/2016. One of the features that made Angular 1.x a great tool for developers was how it simplified working with forms. Angular 2 builds on the strong foundation of Angular 1.x and provides even better tools for working with forms and validation. In this blog, we'll take a closer look at some of these upgrades. Also, stay tuned for two other posts in this series that will cover Directives and Observables. ### What's Next? The Mobile Ecosystem and What You Need to Know | Rangle (published 2016-02-09) URL: https://rangle.io/blog/the-mobile-ecosystem-in-2016-and-what-you-need-to-know PhoneGapDay 2016 happened in Salt Lake City last week and it was great to see how the mobile ecosystem is evolving. For me, it was a perfect start to 2016 and offered an opportunity to ponder 2015's many innovations (such as Angular 2, Ionic 2, Native Script, and React Native) and what that means for mobile app development. ### The Case For Migrating Existing Applications To Angular 2 | Rangle (published 2016-01-29) URL: https://rangle.io/blog/migrating-applications-to-angular-2 In the years since Angular 1.x was released, web development tools have continued to rapidly evolve. Angular 2 takes full advantage of the feedback from Angular 1.x users to shape many of the new features. ### The Case for Using Angular 2 on a New Project | Rangle (published 2016-01-08) URL: https://rangle.io/blog/why-use-angular-2-on-a-new-application Angular 1.x still works. Even Angular < 1.2 still works and packs a powerful punch for less than a hundred kilobytes; it's more backwards compatible too. By the time Angular 1.4 came out the framework had grown to nearly one hundred and fifty kilobytes, and dropped support for some older browsers. Angular 2 is now in beta and it is over half a megabyte, and more or less requires developers to use language features not yet supported by current browsers. ### Should I use React Native for Mobile Application Development? | Rangle (published 2015-12-24) URL: https://rangle.io/blog/should-i-use-reactnative-for-my-next-mobile-project React Native moves JavaScript mobile application development from being simply hybrid, towards a radical fusion of mobile native and hybrid JavaScript development. A powerful omnichannel strategy of learn once, apply everywhere, has made it the choice for many of our mobile apps. ### Launch! Why the Angular 2.0 Beta is Now Your Most Important Initiative | Rangle (published 2015-12-15) URL: https://rangle.io/blog/angular-2-beta-launch-migration-strategy The release of the Angular 2.0 Beta is a massive release with far reaching effects for a huge portion of the web application industry. ### Managing state with Redux and Angular | Rangle (published 2015-10-21) URL: https://rangle.io/blog/managing-state-redux-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. ### Creating Angular 2 Style Components Using Angular 1 (Part 2) | Rangle (published 2015-10-07) URL: https://rangle.io/blog/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 ### React's Expansion: 3 Interviews with Facebook Engineers at React Rally | Rangle (published 2015-09-28) URL: https://rangle.io/blog/reacts-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. ### Creating Angular 2 Style Components Using Angular 1 (Part I) | Rangle (published 2015-09-02) URL: https://rangle.io/blog/angular2-components 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. ### 6 Gulp Best Practices You Can Use Today to Radically Improve Your Development Experience | Rangle (published 2015-08-14) URL: https://rangle.io/blog/angular-gulp-bestpractices 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. ### Learn How to Write Angular 2 Style Unit Tests with Angular 1.X Code | Rangle (published 2015-08-04) URL: https://rangle.io/blog/unittests 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. ### Dispatches from ReactEurope in Paris, France | Rangle (published 2015-07-20) URL: https://rangle.io/blog/reacteurope 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. ### Write Your Angular 1.x Applications in an Angular 2 Style | Rangle (published 2015-07-14) URL: https://rangle.io/blog/write-angular-2-style-code-now-typescript-decorators-components-and-flux-for-angular-1-x-applications As the Angular team is making progress towards a ### JavaScript Teaser: Fabulous Fibonacci | Rangle (published 2015-06-05) URL: https://rangle.io/blog/javascript-teaser-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 | Rangle (published 2015-05-29) URL: https://rangle.io/blog/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 | Rangle (published 2015-05-15) URL: https://rangle.io/blog/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. ### UX and the Sad Reality of Specifications | Rangle (published 2015-04-28) URL: https://rangle.io/blog/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. ### Understanding the Real Advantages of Using ESLint | Rangle (published 2015-03-26) URL: https://rangle.io/blog/understanding-the-real-advantages-of-using-eslint I have been a fan of JavaScript for a number of years now. It's a dynamic and flexible language which gives it a great deal of power. However, unlike compiled languages it is easy for syntax errors and accidental globals to creep into your code without realizing it until you actually try and run the code. ### The Rationale for Rangle.io's Development Guidelines | Rangle (published 2015-03-20) URL: https://rangle.io/blog/the-rationale-for-rangle-ios-development-guidelines We recently released our JavaScript Development Guidelines. This post explains how and why we developed them. ### Thoughts on ng-conf 2015: The Evolution of Angular 2, ES6, Typescript, ReactJS and ng-wat. | Rangle (published 2015-03-10) URL: https://rangle.io/blog/thoughts-on-ng-conf-2015-the-evolution-of-angular-2-es6-typescript-reactjs-and-ng-wat Last week eight members of our team spent three days at ng-conf where we were a Platinum Sponsor this year. Nick and I gave a talk at the Hack Night on Wednesday which seems to have resonated with a lot of people. ### Master UI Wireframes with Only Three Shapes | Rangle (published 2015-02-02) URL: https://rangle.io/blog/master-ui-wireframes-with-only-three-shapes Above is every shape you need to draw in order to master the art of sketching amazing user interfaces (UI). A circle, a square, and a triangle. That's it. ### How to Fearlessly Iterate Your REST APIs through HTTP Endpoint Testing | Rangle (published 2015-01-20) URL: https://rangle.io/blog/how-to-fearlessly-iterate-your-rest-apis-through-http-endpoint-testing One of the largest process problems in building single page applications with AngularJS, React or Backbone is safely maintaining the contract between the AngularJS application and the REST API. ### Lean UX and Our Real-time Fusion of Design and Development | Rangle (published 2015-01-17) URL: https://rangle.io/blog/lean-ux-and-our-real-time-fusion-of-design-and-development No contractors. Face-to-face teams in the same office. Integrated design and development. Frequent delivery. Validated UX. The application becomes the core design element. This is how we roll at rangle.io, with an intense real-time fusion of design and development. We haven't been talking about it enough, and I'm embarrassed to admit we've been under-representing our amazing design team on our website... something that we will be fixing in short order. ### JavaScript Teaser: Jan. 16, 2015 | Rangle (published 2015-01-15) URL: https://rangle.io/blog/javascript-teaser-for-january-16-2015 Here's the second JavaScript Teaser in our series for JavaScript ninjas. Can you figure it out? Please email Yuri if you want feedback on your answer. Do also let us know your thoughts on the question below (but don't post the answers in the comments section this time, so more people can send answers in.) Thanks! ### The Art of Promise-Based Architecture | Rangle (published 2015-01-14) URL: https://rangle.io/blog/the-art-of-promise-based-architecture Any non-trivial JavaScript requires dealing with asynchronicity. JavaScript can't wait, so if something that you want is not available right away, your code can't just sit around until the result comes back. Instead, the baseline solution is a callback: you provide a function that will be called when the result is either available or the operation is known to have failed. ### Practical Functional JavaScript with Ramda | Rangle (published 2015-01-09) URL: https://rangle.io/blog/practical-functional-javascript-with-ramda At rangle.io we've been fans of the functional programming style for a while and have used Underscore and Lodash extensively on many projects. However, recently we started using a new library, Ramda, that on the surface seems very similar to Underscore, but which turns out to be different in a small but significant way. Ramda offers roughly the same set of methods as Underscore, but the way it offers them makes functional composition easy. ### JavaScript Teaser: Jan. 9, 2015 | Rangle (published 2015-01-08) URL: https://rangle.io/blog/javascript-teaser-for-january-9-2015 Do you love JavaScript as much as we do? This week we're starting to release a series of puzzles for those of you who are into JavaScript … If you know the answer, feel free to post in the comments section below. ### Two ways to build a location picker for a mobile AngularJS application | Rangle (published 2015-01-05) URL: https://rangle.io/blog/two-ways-to-build-a-location-picker-for-a-mobile-angularjs-application Building mobile apps often requires working with location information. While, the Cordova geo-location plugin makes it quite trivial to get the latitude and longitude values for the user's current location, what we often want is location identifiers that are meaningful to the user - and not necessarily corresponding to the place where the user is right now. Below we look at two ways at acquiring meaningful location identifiers. ### How to Embrace Angular 2.0 Today with a Future-Friendly Angular 1.3 Application | Rangle (published 2014-11-12) URL: https://rangle.io/blog/how-to-embrace-angular-2-today-with-future-friendly-angular-1-3 All the talk of Angular 2.0 at ng-europe at the end of October has left a lot of folks worried about the prospect of a revolutionary change. Indeed, Angular 2.0 presents a major departure from Angular 1.2 and Angular 1.3. Gone are 1.x style controllers and $scope. No more jqLite. Directives, now known as ### The Sweet Mac Setup for Javascript Development | Rangle (published 2014-10-01) URL: https://rangle.io/blog/the-sweet-mac-setup When I get a fresh Macbook and plug it in for the first time there are some essential apps that I install straight away. I've compiled a list of free tools we recommend to increase productivity for Mac users at rangle.io. Many of these apps are general enough that they would benefit a Designer, Front End Developer or Back End Developer. Obviously the more Developer centric tools are focused on Javascript development since thats what we do. We'd love to hear from you if there are any apps you can't live without that we should add to our toolkit. ### AngularJS and The Rewriting of the Web | Rangle (published 2014-09-04) URL: https://rangle.io/blog/angularjs-rewriting-the-web It's being rewritten around mobile. It's being rewritten around services. This is the API revolution built on REST and JSON and the strategic need for SaaS solutions to talk to other SaaS solutions. ### Using the Ionic Framework to Supercharge Your Mobile App | Rangle (published 2014-07-18) URL: https://rangle.io/blog/supercharge-your-mobile-app-with-ionic-framework The Ionic Framework is an open source front-end framework for developing hybrid PhoneGap/Cordova mobile apps with HTML5. We're big fans. ### The First Thing to Remember When Working With Promises | Rangle (published 2014-03-11) URL: https://rangle.io/blog/errors-in-promises Working with JavaScript requires mastering asynchronous code. The two most common patterns for doing so are callbacks and promises. Promises are great because they offer us more flexibility: if a function gets a promise from another function it can either attach callbacks to it or just pass the callback to the caller. ### Introducing The HAT Stack | Rangle (published 2014-02-10) URL: https://rangle.io/blog/hat-stack Rangle.io is a JavaScript-only consulting and development company focused on a new kind of web application where most of the application runs in the browser. ## Key Pages - [Home](https://rangle.io/): Agentic Product Engineering, on infrastructure you actually own - [About Us](https://rangle.io/about-us): Toronto-headquartered since 2013; the people, history, and worldview - [Our Work](https://rangle.io/cases): Case studies across financial services, healthcare, retail, and travel - [Blog](https://rangle.io/blog): Technical writing on agentic delivery, AI in production, and modern engineering - [Careers](https://rangle.io/careers): Open roles in onshore engineering - [Contact](https://rangle.io/contact-us): Start a conversation about an agentic engagement --- Generated from rangle.io MDX content at build time. Last regenerated: 2026-08-15T17:42:48.552Z