In this blog, we discuss some of the unique challenges we meet whilst working for a service provider on enterprise customer projects. Who is "we?" Software engineers working at Zühlke.https://thedevexchange.com/en-ushttps://thedevexchange.com/angular-feature-toggles/https://thedevexchange.com/angular-feature-toggles/Feature flags enable dynamic application behavior by remotely configuring features and their states, allowing for gradual rollouts, A/B tests, and quick rollbacks. An Angular application can leverage feature flags to conditionally inject scripts, show or hide UI elements, and guard routes, enhancing flexibility and reducing deployment risks. While adding complexity, feature flags can significantly improve experimentation and adaptability in application development.Tue, 10 Jun 2025 07:51:57 GMTAngularFrontend DevelopmentguideJavaScriptWeb DevelopmentPhilipp Emmeneggerhttps://thedevexchange.com/all-we-need-is-structure/https://thedevexchange.com/all-we-need-is-structure/The article explores best practices for managing concurrency in software development, categorizing approaches based on parallelism and asynchronicity. It highlights structured programming for non-concurrent tasks, data parallelism for synchronous parallel execution, and the async/await pattern for time-shared concurrency. The discussion extends to structured concurrency, emphasizing its benefits in error handling, resource management, and compile-time correctness, particularly in languages like Swift and Verse.Mon, 14 Oct 2024 09:20:00 GMTasyncasynchronousComputer ScienceconcurrencyDeveloperGeneral Advicelearningmultithreadingopinion piecesGeneral ProgrammingProgramming Tipssoftware developmentSoftware EngineeringTimon Juckerhttps://thedevexchange.com/azb2c-with-parcel/https://thedevexchange.com/azb2c-with-parcel/Customizing Azure Active Directory B2C user interfaces with HTML templates can enhance the user experience. A streamlined development workflow can be achieved using a zero-configuration build tool to optimize and prepare these templates for production. This approach allows for features like CSS preprocessing and avoids complex JavaScript frameworks, resulting in clean and lightweight templates.Mon, 28 Nov 2022 10:22:39 GMTAzureSassWeb DevelopmentBuild toolChristoph Salvisberghttps://thedevexchange.com/are-you-getting-the-test-pyramid-wrong/https://thedevexchange.com/are-you-getting-the-test-pyramid-wrong/The traditional Test Pyramid emphasizes unit tests, but modern architectures and microservices can blur the definition of a "unit," leading to ineffective testing practices. Over-reliance on mocking and interaction-based testing can create fragile tests that don't accurately reflect application behavior. A more valuable approach focuses on verifying state changes using fakes, prioritizing tests that provide meaningful confidence in the correctness of business logic, regardless of speed or strict adherence to traditional unit testing definitions.Thu, 28 Dec 2023 20:44:54 GMTSoftware TestingTDD (Test-driven development)test driven developmentTestingunit testingAlan Taihttps://thedevexchange.com/belimo-and-zuhlke-how-to-win-with-flutter-in-production/https://thedevexchange.com/belimo-and-zuhlke-how-to-win-with-flutter-in-production/Discover how Belimo and Zühlke developed Belimo Assistant 2, a cross-platform Flutter app that pushes the framework to its limits with low-level device communication, proprietary protocols, and industrial-grade requirements across 40 device families and 10,000+ usage combinations.Mon, 27 Oct 2025 10:00:00 GMTfluttermobiledesktopcross-platformindustrialbluetoothnfcDjordje Madichttps://thedevexchange.com/breaking-the-line/https://thedevexchange.com/breaking-the-line/Limiting line length in code promotes readability by easing scanning and comprehension, aiding debugging by simplifying error identification, and improving collaboration through easier code referencing. Shorter lines also enhance accessibility for developers with visual impairments and facilitate efficient use of screen space when working with multiple files. Furthermore, restricting line length can encourage better code quality by prompting refactoring of overly complex lines, variables, or functions.Tue, 02 May 2023 06:42:43 GMTcode styledevelopmentlintLucas Schnürigerhttps://thedevexchange.com/bdd-specflow/https://thedevexchange.com/bdd-specflow/Behavior-Driven Development (BDD) is an agile technique employing the Gherkin syntax to define software requirements as test cases, enabling collaboration among stakeholders. This approach allows anyone involved in a project to contribute tests, which are easy to read and automate, reducing the domain knowledge needed by developers. BDD differs from Test-Driven Development (TDD) in that test cases can be supplied by anyone related to the project.Tue, 30 May 2023 09:09:35 GMTbddC#dotnetTDD (Test-driven development)TestingAlexander Duschekhttps://thedevexchange.com/blazor-project-structure/https://thedevexchange.com/blazor-project-structure/Structuring Blazor applications by feature can improve organization and clarity as projects grow. Grouping related pages, components, and services within feature-specific folders promotes cohesion. Shared components and services can reside in a dedicated folder at the root of the features directory, allowing for reuse across the application.Mon, 20 Feb 2023 10:10:15 GMTarchitectureSteven Gieselhttps://thedevexchange.com/api-first-part-2/https://thedevexchange.com/api-first-part-2/The API-first approach emphasizes the importance of APIs in software development. A new feature in OpenAPI Generator allows for organizing API specifications into multiple files, improving manageability as APIs grow. This feature also enables the reuse of data models across different API specifications, promoting consistency and reducing redundancy.Mon, 02 Oct 2023 09:12:38 GMTapiAPI-FirstAPIsgradleOpenApiRESTREST APIMarco Romanuttihttps://thedevexchange.com/api-first-part-1/https://thedevexchange.com/api-first-part-1/API-first development prioritizes designing APIs before writing code, using specifications like OpenAPI to define endpoints, operations, and data structures. This approach fosters better API design, enables parallel development, facilitates code generation, and improves integration testing. Tools like Swagger Editor and OpenAPI Generator streamline the process, allowing for the creation of server and client code from API specifications.Mon, 18 Sep 2023 09:09:21 GMTapiAPI-FirstAPIsgradleOpenApiRESTREST APIMarco Romanuttihttps://thedevexchange.com/architecture-verification-with-jqassistant/https://thedevexchange.com/architecture-verification-with-jqassistant/Software architecture can be verified and documented using tools like jQAssistant, which enables the creation of custom rules to monitor architectural aspects and validate implementation against design. This approach supports automated verification, living documentation, and flexible integration with existing pipelines, allowing teams to maintain architectural integrity and keep documentation synchronized with the codebase. By leveraging concepts, constraints, and plugins, teams can gain insights into system structure, validate architectural decisions, and generate comprehensive reports.Mon, 17 Feb 2025 09:43:04 GMTsoftware architectureSteffen Musiolhttps://thedevexchange.com/building-observability-into-the-nhs-covid19-app/https://thedevexchange.com/building-observability-into-the-nhs-covid19-app/During the COVID-19 pandemic, a digital contact-tracing solution was rapidly developed to help contain the virus's spread. A key aspect of this solution was prioritizing observability to proactively identify and resolve issues. By emitting structured "Wide Events" instead of traditional logs, the development team gained deeper insights into system operations, enabling faster diagnosis and resolution of problems, ultimately improving the user experience and maintaining public trust.Mon, 25 Nov 2024 10:20:26 GMTAmazon S3AWSDynamoDBengineeringJavajsonKotlinloggingmonitoringtelemetryKevin Denverhttps://thedevexchange.com/concept-micro-frontends-registry/https://thedevexchange.com/concept-micro-frontends-registry/The challenge of managing widget configurations in a self-contained system architecture is explored, specifically the complexities arising from multiple CDNs per service and stage. Two potential solutions are considered: leveraging a reverse proxy for routing or introducing a dedicated registry service for micro frontends. Each approach presents trade-offs between configuration simplicity and system complexity.Mon, 06 Mar 2023 10:18:09 GMTMicroservicesfrontendWeb Developmentsoftware architectureFrontend DevelopmentMichael Lehmannhttps://thedevexchange.com/builder-pattern-tables/https://thedevexchange.com/builder-pattern-tables/Implementing tables in web applications can be complex and repetitive, often resulting in verbose templates and inconsistent designs. A shared table component, configured using a builder pattern, can streamline this process. This approach promotes consistency, reduces boilerplate code, and simplifies maintenance, though it may introduce complexity in the shared table template itself.Mon, 22 Jan 2024 10:09:45 GMTAngulardesign patternsrefactoringsoftware architectureWeb DevelopmentTimo Springhttps://thedevexchange.com/an-introduction-to-unit-testing/https://thedevexchange.com/an-introduction-to-unit-testing/Unit testing involves writing automated code to verify the behavior of small units of work, ensuring assumptions about end results are correct. It contrasts with integration testing, which uses real dependencies and can be slower and less reliable. Key concepts include test-driven development, value-based, state-based, and interaction testing, as well as the use of fakes like stubs and mocks to isolate code and manage external dependencies.Mon, 09 Jan 2023 10:07:51 GMTTDD (Test-driven development)C#testtest driven developmentSoftware TestingFabio Scagliolahttps://thedevexchange.com/component-variants-react/https://thedevexchange.com/component-variants-react/Creating reusable and customizable components with different styles is a common challenge in web development. Several approaches exist for managing component variants, each with its own trade-offs in terms of scalability and maintainability. Using a utility like Class Variance Authority (CVA) offers a flexible and type-safe solution for managing component variants, enabling composition and compound variants for complex styling needs.Mon, 16 Sep 2024 12:21:29 GMTcomponentsdesign patternspatternsReactsoftware architectureWeb DevelopmentDario Bugmannhttps://thedevexchange.com/compound-components/https://thedevexchange.com/compound-components/Complex frontend applications often require highly flexible UI components. The compound component pattern addresses this need by breaking down large, configurable components into smaller, composable parts that share a common context. This approach promotes consistency and reduces complexity compared to managing numerous configuration parameters or creating distinct component subtypes.Mon, 27 May 2024 11:32:17 GMTcomponentsdesign patternspatternsReactsoftware architectureGabriel Dusshttps://thedevexchange.com/angular-navigation-concept/https://thedevexchange.com/angular-navigation-concept/Complex web application navigation can be simplified by leveraging the browser's built-in history stack and state management. By storing offsets to key pages like flow sources and main sections within the history state, developers can implement custom navigation behaviors, such as returning to the start of a flow or navigating back to the last active main page. This approach reduces the need for custom internal navigation stacks and resolves issues arising from inconsistencies between browser and application history.Mon, 12 May 2025 12:11:25 GMTAngularFrontend DevelopmentJavaScriptnavigationWeb DevelopmentMika Ruchhttps://thedevexchange.com/asp_net-core-integration-testing/https://thedevexchange.com/asp_net-core-integration-testing/Integration testing for an ASP.NET Core web API with EF Core can be achieved by mocking the database context to use an SQLite in-memory database. This approach allows for repeatable tests without leaving traces of previous executions. The process involves creating a web application factory and a design-time database context factory to replace the SQL Server database with an in-memory SQLite database at runtime and design time, respectively, enabling comprehensive testing of API endpoints.Mon, 26 Jun 2023 09:14:35 GMTasp.net coreintegrationSoftware TestingSQL ServerSQLiteTestingWeb APIFabio Scagliolahttps://thedevexchange.com/disagreeing-without-dividing/https://thedevexchange.com/disagreeing-without-dividing/Disagreements in software consultancy are inevitable, but they don’t have to be a battle of being right. By shifting from defending our perspective to leading with curiosity, we create space for trust, collaboration, and wiser decisions. Listening deeply not only defuses tension but also helps uncover insights we might otherwise miss, turning conflict into an opportunity for stronger partnerships and better outcomes.Mon, 15 Sep 2025 00:00:00 GMTconflictresolutionengineering-leadershipteam-cultureteam-managementalignmentsoftware-engineeringMavis Hayrettinhttps://thedevexchange.com/concurrency-demystified/https://thedevexchange.com/concurrency-demystified/The article addresses the confusion surrounding the term "concurrency" in software engineering, highlighting how differing mental models and inconsistent definitions across contexts complicate its understanding. It proposes a definition of concurrency in the context of programming languages, encompassing both parallel and asynchronous execution models. The piece emphasizes that concurrency is about managing multiple tasks at the same time, whether they are running simultaneously or not, and that a shared understanding is crucial for building stable and efficient software.Mon, 30 Sep 2024 15:50:44 GMTasyncasynchronousComputer ScienceconcurrencyDeveloperGeneral Advicelearningmultithreadingopinion piecesGeneral ProgrammingProgramming Tipssoftware developmentSoftware EngineeringTimon Juckerhttps://thedevexchange.com/context-driven-smells/https://thedevexchange.com/context-driven-smells/This article explores common software development pitfalls through the lens of a rapidly scaling tech company. It identifies seven critical "smells," including siloed DevOps, sales-driven prioritization, and a lack of testing, which can lead to compromised quality, increased technical debt, and ultimately, business risk. The text emphasizes the importance of addressing these issues proactively through cultural shifts, process improvements, and a focus on delivering value.Mon, 28 Apr 2025 06:53:31 GMTPhill Roylehttps://thedevexchange.com/cypress-app-actions-with-angular/https://thedevexchange.com/cypress-app-actions-with-angular/The deprecation of Protractor led to a migration of end-to-end tests, revealing challenges with test speed and flakiness due to repetitive UI interactions and data dependencies. Leveraging Cypress's ability to access the application directly, a solution was implemented to manipulate the application state, improving test stability, readability, and speed. This approach minimized impact on the Angular app by exposing a central service for targeted actions.Mon, 20 Mar 2023 10:13:29 GMTWeb DevelopmentAngularTestingFrontend DevelopmentCypressLucas Schnürigerhttps://thedevexchange.com/css-vars-dark-mode/https://thedevexchange.com/css-vars-dark-mode/The development of a dark mode for public-facing machines with bright screens explored the use of CSS variables to facilitate runtime adjustments and testing. This approach enabled dynamic color modifications for accessibility improvements, particularly for users with visual impairments. While some Sass features are absent in CSS, the flexibility and tooling of CSS variables proved valuable for iterative development and user feedback integration.Wed, 26 Oct 2022 08:18:21 GMTCSSdark modeSassvariablesWeb DevelopmentPatrick Waltherhttps://thedevexchange.com/cypress-shallow-component-tests/https://thedevexchange.com/cypress-shallow-component-tests/Component testing validates rendered components in the browser, offering a focused approach similar to unit tests. While mocking providers and components is straightforward, Angular standalone components present challenges when overriding child components. A custom Cypress command leveraging Angular's `TestBed` and dynamic component creation streamlines the mocking of child components within standalone component tests.Mon, 05 Feb 2024 10:09:46 GMTAngularcomponentsTestingTimo Springhttps://thedevexchange.com/develop-a-web-editor-with-angular-and-monaco-with-language-server-support/https://thedevexchange.com/develop-a-web-editor-with-angular-and-monaco-with-language-server-support/The development of domain-specific languages often requires custom editors to support features like syntax highlighting and autocompletion. This involves implementing a web editor and connecting it to a language server using the Language Server Protocol (LSP) over WebSockets. The Monaco Editor, known for its performance and rich features, can be integrated into an Angular application along with the Monaco Language Client to achieve this.Mon, 28 Oct 2024 10:51:03 GMTcodingWeb DevelopmentChathura Jayashanthahttps://thedevexchange.com/develop-a-web-editor-with-react-and-monaco-with-language-server-support/https://thedevexchange.com/develop-a-web-editor-with-react-and-monaco-with-language-server-support/The article explores the creation of a web-based code editor using React and the Monaco Editor library. It details how to integrate the Monaco Editor with a Language Server Protocol (LSP) server to provide features like syntax highlighting and autocompletion. The implementation involves setting up a WebSocket connection for communication between the editor and the language server.Mon, 28 Oct 2024 10:51:02 GMTcodingWeb DevelopmentNipuna Marcushttps://thedevexchange.com/dynamic-components-loading/https://thedevexchange.com/dynamic-components-loading/Angular offers a way to dynamically load components at runtime, enabling the display of different views based on data type. By using the `ngComponentOutlet` directive, developers can select and render specific components based on an item's attributes, keeping templates clean and scalable. This approach simplifies the management of diverse data representations within a single view.Mon, 16 Oct 2023 09:10:33 GMTAngularcomponentsHTMLtemplateWeb DevelopmentTimo Springhttps://thedevexchange.com/develop-your-own-language-server/https://thedevexchange.com/develop-your-own-language-server/Language Server Protocol (LSP) standardizes communication between development tools and language-specific logic, enabling features like autocompletion and syntax checking. By implementing LSP, language developers can create a single language server that integrates with multiple IDEs, reducing the effort required to support various development environments. A basic language server can be implemented using libraries like LSP4J and exposed via WebSockets, allowing integration with web-based editors.Mon, 28 Oct 2024 10:51:02 GMTcodingNipuna Marcushttps://thedevexchange.com/element-internals-api/https://thedevexchange.com/element-internals-api/The ElementInternals API simplifies the creation of custom form elements within web components, enabling seamless integration with HTML forms and compatibility with common form libraries. By associating web components with forms and managing value, validity, and focus events, developers can create custom elements that behave like native form controls. This API empowers developers to build more robust and versatile web components for form interactions.Mon, 17 Apr 2023 09:07:01 GMTWeb ComponentsformShadow DOMlitJavaScriptPatrick Waltherhttps://thedevexchange.com/event-storming/https://thedevexchange.com/event-storming/Event Storming is a collaborative workshop method used to identify and map domain events within a system. Participants brainstorm and arrange events on a timeline, fostering shared understanding and revealing potential issues. The resulting visual representation provides a comprehensive overview of the business process and serves as a foundation for further development.Mon, 06 Feb 2023 10:05:22 GMTsoftware architectureDDDKeerthikanhttps://thedevexchange.com/from-borderlands-to-cornerlands/https://thedevexchange.com/from-borderlands-to-cornerlands/CSS's `border-radius` property, despite its name, operates by rounding the corners of an element using a circle with a defined radius. The maximum `border-radius` value is constrained by the element's dimensions, and individual corners can be targeted for specific rounding. The property's behavior and application to corners, rather than borders, suggests a more accurate name would have been `corner-radius`.Mon, 08 Jan 2024 10:17:45 GMTCSSCSS3Web DevelopmentJulio Castrohttps://thedevexchange.com/gherkin-api-tests/https://thedevexchange.com/gherkin-api-tests/Automated testing of web service interfaces using Gherkin allows for early detection of discrepancies against specifications, leading to reduced defects and lower costs. This approach enables business experts, developers, and testers to define, interpret, and execute tests, while also providing documentation for audits. By optimizing the development process with living documentation, feedback is provided earlier, manual testing effort is reduced, and discrepancies are identified more quickly, resulting in a more efficient implementation and testing of interfaces.Mon, 14 Apr 2025 06:52:35 GMTAPIsautomationbdddomainTDD (Test-driven development)TestingMarcel Stalderhttps://thedevexchange.com/frozen-collections/https://thedevexchange.com/frozen-collections/.NET 8 introduces frozen collections, a new type of collection designed for performance gains in scenarios where the collection is initialized once and then remains unchanged. Unlike read-only collections, frozen collections are immutable after creation, allowing for optimizations that can significantly improve lookup speeds compared to lists, hash sets, and immutable hash sets. While creation of frozen collections is more expensive, their lookup performance makes them ideal for frequently accessed, static datasets.Thu, 15 Dec 2022 06:32:06 GMTC#.NETSteven Gieselhttps://thedevexchange.com/homemade-signals/https://thedevexchange.com/homemade-signals/Signals are a mechanism for managing state and keeping the UI synchronized in modern JavaScript frameworks. By creating a simplified version of Signals from scratch, the core principles of reactive state, derived values, and side effects become clear. This exploration highlights how effects subscribe to source Signals, enabling efficient UI updates based on a pull principle.Mon, 13 May 2024 09:05:53 GMTFrontend DevelopmentguideJavaScriptReactivitysignalsWeb DevelopmentLucas Schnürigerhttps://thedevexchange.com/introducing-pair-programming-to-a-skeptical-team/https://thedevexchange.com/introducing-pair-programming-to-a-skeptical-team/A software development team facing challenges with a complex, legacy system explored pair programming to improve code quality and accelerate delivery. Initial skepticism was addressed by dispelling common misconceptions and establishing a clear etiquette for collaborative coding. The team found that pairing fostered knowledge sharing, reduced code review time, and ultimately helped meet project deadlines, although not all members fully embraced the approach.Mon, 03 Feb 2025 06:53:14 GMTpair programmingKevin Denverhttps://thedevexchange.com/importance-of-architecture/https://thedevexchange.com/importance-of-architecture/Software projects involve balancing the urgent need for functional behavior with the long-term importance of maintainable architecture. The "Mere-Urgency Effect" describes a tendency to prioritize immediate tasks over those with greater future benefits. Prioritizing adaptability ensures the software remains useful even as requirements evolve, highlighting the developer's crucial role in advocating for architectural considerations.Mon, 31 Oct 2022 10:23:52 GMTsoftware architecturearchitecturedesign and architectureMarco Romanuttihttps://thedevexchange.com/instant-page-navigation-with-speculation-rules/https://thedevexchange.com/instant-page-navigation-with-speculation-rules/The Speculation Rules API is an experimental browser feature designed to improve navigation speed by pre-rendering or pre-fetching resources based on defined rules. This can benefit both multi-page and single-page applications, but developers should consider potential downsides like increased resource consumption and security risks. The API offers an "eagerness" setting to control when speculation rules are triggered, balancing performance with resource usage.Tue, 14 Jan 2025 10:07:21 GMTBrowsersGoogle ChromeDeveloper ToolsperformancewebWeb DevelopmentBenny Joe Villigerhttps://thedevexchange.com/keep-the-lights-on/https://thedevexchange.com/keep-the-lights-on/Software projects often neglect error handling in favor of feature development, which can lead to frustrating user experiences and even significant financial losses. A more effective approach involves designing systems to gracefully handle failures, prioritizing partial functionality over complete system shutdowns. This requires a team-wide effort to anticipate potential errors and implement strategies for maintaining operation within acceptable limits.Mon, 29 Apr 2024 09:09:16 GMTfrontendMicroservicessoftware architectureWeb ComponentsWeb DevelopmentMichael Lehmannhttps://thedevexchange.com/lit-tailwind/https://thedevexchange.com/lit-tailwind/Integrating Tailwind CSS with web components using Shadow DOM presents a challenge, as Shadow DOM prevents global styles from penetrating component boundaries. By leveraging LitElement's static styles property and constructable stylesheets, Tailwind utility classes can be effectively incorporated into each component without duplication. This approach allows for maintainable and scalable styling within web components while preserving the encapsulation provided by Shadow DOM.Mon, 14 Nov 2022 10:11:08 GMTWeb DevelopmentWeb ComponentsTypeScriptTailwind CSSPatrick Waltherhttps://thedevexchange.com/ktor-in-kmp/https://thedevexchange.com/ktor-in-kmp/A strategy for enhancing the maintainability of networking infrastructure in Kotlin Multiplatform applications is presented. The approach focuses on separating concerns when configuring the Ktor HTTP client, allowing for environment-specific configurations and easier testing through mocking. This method promotes flexibility and adaptability for diverse project requirements.Mon, 17 Mar 2025 11:12:51 GMTAndroidhttpiOSKMMkmpKotlinKotlin MultiplatformktormobileMockingnetworkingTestingMo Ramezanpoorhttps://thedevexchange.com/moire-effect-for-digital-light-projector-alignment-and-calibration/https://thedevexchange.com/moire-effect-for-digital-light-projector-alignment-and-calibration/Inspired by super-resolution microscopy: harnessing the Moiré effect for precision alignment and calibration of digital light projectorsMon, 23 Jun 2025 09:28:20 GMTopticsprojectorcalibrationaliasingsuper-resolution-techniquesStefan Geissbühlerhttps://thedevexchange.com/lit-icon-component/https://thedevexchange.com/lit-icon-component/The process of building a custom icon component using LitElement is explored, focusing on lazy loading icons for improved performance. The approach involves using dynamic imports and a custom plugin to compress SVG files, remove unnecessary elements, and optimize attributes. The solution also addresses color customization by setting the fill attribute to `currentColor` for easier styling.Mon, 23 Jan 2023 10:06:16 GMTCSSSassWeb DevelopmentPatrick Waltherhttps://thedevexchange.com/micro-frontends-with-angular-and-stenciljs/https://thedevexchange.com/micro-frontends-with-angular-and-stenciljs/Micro frontends offer a way to decompose monolithic UIs into independently deployable and scalable components, aligning the frontend architecture with microservices principles. WebComponents offer a standardized approach to composing these distributed UI elements, though framework maturity requires some manual effort. Stencil.js can be used to create small, efficient WebComponent bundles for integration into applications.Mon, 26 Dec 2022 14:31:14 GMTMicroservicesJavaScriptAngularWeb Developmentsoftware architectureMichael Lehmannhttps://thedevexchange.com/maui-test_pt1/https://thedevexchange.com/maui-test_pt1/This article explores testing strategies for .NET MAUI applications, focusing on the service and view model layers. It details setting up a test project and demonstrates how to mock dependencies, such as the file system, to effectively test services. The article also covers testing view model methods, including navigation, highlighting the importance of mocking platform-specific features like the Shell.Tue, 11 Jun 2024 10:34:12 GMTNijaz Zaljevichttps://thedevexchange.com/module-federation-with-vite-for-react/https://thedevexchange.com/module-federation-with-vite-for-react/Module federation enables the composition of independently built and deployed applications into a unified frontend experience. This architecture, similar to microservices, allows for runtime integration of remote components, offering flexibility in development and deployment. Key to implementation is configuring both remote and host applications, defining exposed components and shared dependencies, and choosing between static imports and dynamic loading for remote modules.Mon, 15 May 2023 09:28:20 GMTMicrofrontendmodule federationReactviteWeb DevelopmentNipuna Marcushttps://thedevexchange.com/mvvm_toolkit/https://thedevexchange.com/mvvm_toolkit/The Model-View-ViewModel (MVVM) pattern separates an application's business and presentation logic from its user interface, improving maintainability and testability by decoupling UI controls from underlying logic. Implementing MVVM can involve boilerplate code, which the MVVM Community Toolkit addresses through source generators, reducing the amount of code developers need to write in XAML-based solutions. By using attributes like `INotifyPropertyChanged`, `ObservableProperty`, and `RelayCommand`, developers can significantly reduce code volumeMon, 04 Sep 2023 09:13:05 GMTC#dotnet#mauiMVVMxamlNijaz Zaljevichttps://thedevexchange.com/own-graphql-spring-boot-starter/https://thedevexchange.com/own-graphql-spring-boot-starter/A custom Spring Boot starter can streamline the process of sharing functionality across multiple applications. This involves creating a starter project with a GraphQL controller, auto-configuration, and schema, which, when included in an application, automatically exposes a GraphQL endpoint. The starter's behavior can be configured through application properties, and troubleshooting tools are available for debugging schema loading and query mapping.Mon, 09 Dec 2024 12:09:21 GMTGraphQLJavaSpringbootChristian Abegghttps://thedevexchange.com/pair-programming-mistakes/https://thedevexchange.com/pair-programming-mistakes/Pair programming, while beneficial, presents challenges such as mismatched paces, overwhelming junior developers with information, neglecting breaks, and dealing with poor remote setups. Success hinges on effective communication, establishing trust, and adapting to individual dynamics. Recognizing these potential pitfalls and fostering open communication can significantly enhance the collaborative coding experience.Fri, 28 Jun 2024 09:49:23 GMTpair programmingsoftware developmentOliver Amstutzhttps://thedevexchange.com/parsing-json-with-a-reader-monad/https://thedevexchange.com/parsing-json-with-a-reader-monad/An inconsistent JSON API, which expresses missing values as nulls, empty strings, or empty arrays, can be handled with a functional approach. The reader monad provides a clean and composable way to process JSON and manage these inconsistencies. This method separates data extraction from transformation, allowing for modularity, easy chaining, and graceful error handling, ultimately improving code readability and maintainability.Mon, 03 Mar 2025 16:08:48 GMTFunctional ProgrammingJavalegacylegacy app modernizationlegacy-systemsKevin Denverhttps://thedevexchange.com/parsing-fixed-width-records-using-lenses/https://thedevexchange.com/parsing-fixed-width-records-using-lenses/Parsing fixed-width COBOL records, a common format in mainframe systems, presents unique challenges due to the fixed position and size of each field. A functional programming approach using lenses offers a structured and composable way to handle this parsing in a type-safe manner. This method encapsulates reading, writing, and padding logic, allowing for clear mappings between data classes and fixed-width schemas, and can be extended to handle collections of items within records.Wed, 18 Sep 2024 04:53:48 GMTCOBOLFunctional ProgrammingIBMJavalegacylegacy app modernizationlegacy-systemsmainframeKevin Denverhttps://thedevexchange.com/resize-observer/https://thedevexchange.com/resize-observer/Learn how to combine Angular Signals with the ResizeObserver API to build reactive, efficient UI updates that keep dropdowns and overlays aligned—even during dynamic layout changes.Wed, 13 Aug 2025 09:03:38 GMTangularresponsive-web-designresponsive-designfrontendweb-developmentjavascriptperformancebest-practicesbrowserTimo Springhttps://thedevexchange.com/required-inputs/https://thedevexchange.com/required-inputs/Angular developers can improve component usage and prevent bugs by explicitly defining required inputs. Older versions of Angular can leverage the component selector for this purpose, while Angular v16 introduces a dedicated "required" input property. This ensures that necessary data is provided, leading to more robust and predictable component behavior.Mon, 22 May 2023 04:34:28 GMTAngularbasicsBugs and ErrorscomponentsWeb DevelopmentTimo Springhttps://thedevexchange.com/refactoring-legacy-code-with-tiny-types-in-java/https://thedevexchange.com/refactoring-legacy-code-with-tiny-types-in-java/Legacy systems often suffer from maintainability issues due to their procedural nature and reliance on mutable state. Applying techniques like Tiny Types and Data Oriented Programming can address these challenges by shifting towards immutable data structures and separating business logic. This approach enhances code clarity, enforces type safety, and ensures data integrity by making invalid states unrepresentable, ultimately leading to a more robust and maintainable codebase.Mon, 06 Jan 2025 17:09:12 GMTFunctional ProgrammingJavalegacylegacy app modernizationlegacy-systemsKevin Denverhttps://thedevexchange.com/react-router-6-page-transitions/https://thedevexchange.com/react-router-6-page-transitions/Achieving smooth fade transitions between pages in a client-side rendered React application requires careful handling of component mounting and unmounting. By leveraging animation libraries, developers can create visually appealing navigation experiences, but challenges arise from the router's immediate content updates. Stabilizing the outlet component, either by cloning it or using a stable reference, ensures that the transition animation is visible and effective during page navigation.Mon, 08 Apr 2024 13:18:01 GMTanimationsReactreact routerUXChristoph Salvisberghttps://thedevexchange.com/regex-source-generators/https://thedevexchange.com/regex-source-generators/.NET 7 introduced source generators for regular expressions, enabling compile-time code generation. This approach offers performance benefits similar to compiled regular expressions and the startup advantages of assembly compilation, while simplifying the development process. The generated code is directly embedded into the assembly, making it viewable and debuggable.Mon, 05 Jun 2023 11:45:26 GMTarchitectureSteven Gieselhttps://thedevexchange.com/rxjs-memory-leaks/https://thedevexchange.com/rxjs-memory-leaks/Memory leaks in Angular applications often stem from unmanaged RxJS Observable subscriptions, where allocated memory isn't released when components are destroyed, leading to performance degradation. Various techniques, including leveraging the `ngOnDestroy` lifecycle hook, the `takeUntil` operator, mixins, and the new `takeUntilDestroyed` operator in Angular 16, can effectively address this issue. Employing specific linting rules can further help prevent these leaks by enforcing proper subscription management.Mon, 07 Aug 2023 09:03:38 GMTBugs and ErrorsformRxJSWeb DevelopmentTimo Springhttps://thedevexchange.com/taking-a-byte-of-the-carbon-cake/https://thedevexchange.com/taking-a-byte-of-the-carbon-cake/Software development significantly contributes to carbon emissions, and understanding the carbon cost of cloud resources like compute, memory, and storage is crucial. By measuring resource usage and making informed decisions about infrastructure, developers can reduce their software's environmental impact. Optimizing memory allocation, choosing storage types wisely, and designing for scalability are key strategies for creating more sustainable software systems.Mon, 20 Jan 2025 07:58:06 GMTbest practicesClouddesign patternsdevelopersMicroservicessoftware architecturePaul Simmonshttps://thedevexchange.com/ai-driven-development/https://thedevexchange.com/ai-driven-development/If you don’t change, AI will change you. Explore how AI-driven tools are reshaping the Software Development Lifecycle—from Requirements Engineering to Production Release.Wed, 08 Apr 2026 07:30:00 GMTagileBehavior-Driven DevelopmentTest-Driven DevelopmentCodingSoftware EngineeringAIAIDDAbishek Anthonyhttps://thedevexchange.com/signals-everywhere/https://thedevexchange.com/signals-everywhere/Signals are emerging as a unifying concept in JavaScript frameworks, offering a standardized approach to reactive user interfaces. This fine-grained reactivity, inspired by earlier technologies, simplifies state management and UI synchronization. The core idea involves special objects that notify subscribers of changes and detect dependencies, enabling more transferable knowledge across different technologies.Mon, 04 Mar 2024 10:07:45 GMTexplainedFrontend DevelopmentJavaScriptReactivitysignalsLucas Schnürigerhttps://thedevexchange.com/searching-using-apache-solr/https://thedevexchange.com/searching-using-apache-solr/Implementing a robust search function is vital for enhancing user experience by providing quick access to relevant data. Standard databases often struggle with complex search requirements, but specialized tools like Apache Solr can be integrated to address these challenges. Solr indexes documents, enabling efficient retrieval of information based on user queries, and offers features like faceting, highlighting, and spell checking.Mon, 21 Aug 2023 09:08:39 GMTapacheJavaGeneral ProgrammingTutorialWeb DevelopmentMatthias Grafhttps://thedevexchange.com/staying-ahead-of-the-competition-with-htap/https://thedevexchange.com/staying-ahead-of-the-competition-with-htap/Hybrid Transactional Analytical Processing (HTAP) offers a unified system for managing both transactions and real-time data analysis, enabling faster insights and more informed decision-making. By storing data in both row and columnar formats, HTAP systems efficiently process diverse workloads, but may not be ideal for single workload scenarios, small datasets, or when specific database features are critical. Successful implementation requires careful assessment of business needs, selection of an appropriate database, and strategic system architecture planning.Mon, 12 Jun 2023 09:19:36 GMTbig datadata analysisDatabasesperformancerealtimeDaniel Costahttps://thedevexchange.com/source_generators_mvvm_toolkit/https://thedevexchange.com/source_generators_mvvm_toolkit/Source Generators, introduced with .NET 5, analyze code and generate new code during compilation, offering performance advantages over runtime reflection. The MVVM Community Toolkit leverages Source Generators to minimize boilerplate code, exemplified by the `ObservablePropertyGenerator` which automatically creates properties and associated methods based on attributes. This approach streamlines development and enhances application performance by generating code at compile time.Mon, 30 Oct 2023 10:10:29 GMTC#dotnet#mauiMVVMxamlNijaz Zaljevichttps://thedevexchange.com/swift-async-await-cycle/https://thedevexchange.com/swift-async-await-cycle/A debugging effort revealed an unexpected object lifetime extension caused by long-running asynchronous functions in Swift. The issue stemmed from a background task preventing deallocation, which in turn hindered task cancellation. Two potential solutions involve either externally cancelling the task or removing the self-reference within the asynchronous function to allow for proper deallocation.Mon, 11 Nov 2024 10:15:46 GMTAppleasyncasync-awaitasynchronousawaitbluetoothcodecodingconcurrencyDeveloperiOSlearningmacOSProgramming Tipssoftware developmentSoftware EngineeringSwiftSwift ConcurrencyTVOSvaporVisionOSwatchOSSimon Seyerhttps://thedevexchange.com/sql-server-clr-integration/https://thedevexchange.com/sql-server-clr-integration/SQL Server's `ROUND` function and the .NET Framework's `Math.Round` method can produce different results. Leveraging SQL Server CLR integration, developers can create custom functions using .NET languages like C# and then deploy them within SQL Server. This allows for extending SQL Server's functionality with custom logic implemented in .NET.Mon, 03 Apr 2023 09:07:56 GMTC#SQLFabio Scagliolahttps://thedevexchange.com/tech-debt/https://thedevexchange.com/tech-debt/Technical debt, often viewed as a necessary evil, can be a strategic tool impacting velocity, morale, and innovation. It manifests in various forms, from design flaws to process inefficiencies, and poses significant business risks if ignored, including missed deadlines and increased costs. A proactive approach, involving transparent tracking, strategic prioritization, and dedicated time for reduction, fosters a healthier engineering culture and enables long-term value.Mon, 26 May 2025 09:12:35 GMTagilecode smellcodingdashboarddesigningDevJourneyfront endpatternsProgramming BlogsSoftware EngineeringstyleguideWebsite designAbishek Anthonyhttps://thedevexchange.com/untangling-legacy-systems/https://thedevexchange.com/untangling-legacy-systems/Working with legacy systems presents common challenges in software development, often stemming from factors like evolving business needs, lack of vendor support, or outdated technology. Understanding the system's original requirements, architecture, and performance constraints is crucial for successful transformation. Effective strategies include thorough documentation, source code exploration, and running the system to refine understanding and inform modernization approaches.Mon, 31 Mar 2025 07:31:25 GMTlegacylegacy app modernizationlegacy-systemsKevin Denverhttps://thedevexchange.com/terraform-with-provider-from-filesystem/https://thedevexchange.com/terraform-with-provider-from-filesystem/Learn how to configure Terraform to use a local provider from the filesystem. This step-by-step guide covers Terraform CLI configuration, troubleshooting provider not found errors, using dev_overrides, filesystem mirrors, and integrating custom providers into CI/CD pipelines. It also explains how to handle Windows, Linux, and macOS builds, and how to switch back to providers hosted in Artifactory, Nexus, or other Terraform registries.Tue, 30 Sep 2025 00:00:00 GMTterraformwindowsci-cdinfrastructureImmo Hunekehttps://thedevexchange.com/three-trees-in-flutter/https://thedevexchange.com/three-trees-in-flutter/Flutter's UI rendering relies on three interconnected trees: Widget, Element, and RenderObject. The Widget tree describes the UI, the Element tree manages the lifecycle and connects Widgets to RenderObjects, and the RenderObject tree handles the actual rendering process. This architecture allows for efficient UI updates by minimizing the need to rebuild the mutable Element and RenderObject trees.Tue, 11 Jul 2023 09:12:26 GMTFlutterFlutter WidgetsGabriel Dusshttps://thedevexchange.com/the_garbage_collector_in__net/https://thedevexchange.com/the_garbage_collector_in__net/The .NET garbage collector manages memory by identifying and reclaiming unreachable objects on the heap. It operates in two phases: marking live objects and sweeping away the rest. To optimize performance, the heap is divided into generations, prioritizing the collection of short-lived objects to minimize pauses in application threads. Understanding the garbage collector's behavior helps developers write more efficient code, particularly when choosing between classes and structs for data structures.Wed, 26 Oct 2022 11:05:31 GMTC#.NETSteven Gieselhttps://thedevexchange.com/two-way-binding-signals-and-query-params/https://thedevexchange.com/two-way-binding-signals-and-query-params/The article explores the use of signals in Angular to manage query parameters, addressing the challenge of two-way binding between signals and the browser URL. It details the implementation of a custom service that allows components to interact with query parameters using writable signals, ensuring that changes are reflected in both the application state and the URL. The discussion also covers potential issues with Angular's router startup logic and concurrent navigations, providing a solution to ensure proper synchronization.Mon, 15 Apr 2024 12:53:24 GMTAngularexplainedFrontend DevelopmentJavaScriptReactivitysignalsTypeScriptWeb DevelopmentJulio Castrohttps://thedevexchange.com/web_dev_tools/https://thedevexchange.com/web_dev_tools/Web development tools, available as browser extensions, plugins, or IDEs, assist in application development. Factors like complexity, security, and cost should be considered when choosing the right tool. Chrome DevTools allows for webpage updates, JavaScript debugging, and website optimization within the browser. Visual Studio Code is a customizable code editor with features like a command palette and Zen mode. Marvel is a design tool for creating mockups and design specifications, while Figma excels in creating animations, prototypes, and facilitating cloud collaboration.Mon, 05 Aug 2024 09:11:22 GMTdevtoolslearningsoftware developmentWeb DevelopmentwebdevLivi