In-depth engineering articles on Angular, TypeScript, RxJS, testing, DevOps, and UX from the Briebug team.https://briebug.com/en-ushttps://briebug.com/articles/material-3-theming/https://briebug.com/articles/material-3-theming/A practical guide to Material 3 (M3) theming in Angular 20: how M3's semantic, role-based system works, setup with SCSS, design tokens, Nx monorepo and Tailwind integration, and the common gotchas when migrating from Material 2.Sun, 01 Feb 2026 00:00:00 GMTAngularKelly Davidsonhttps://briebug.com/articles/angular-resource-api/https://briebug.com/articles/angular-resource-api/How Angular 20's stabilized resource() API fetches asynchronous data reactively with signals: core setup, configuration, resource state, route-driven loading, chaining resources, and the key considerations to keep in mind.Mon, 08 Dec 2025 00:00:00 GMTAngularAnjil Dhamalahttps://briebug.com/articles/git-questions-good-and-bad/https://briebug.com/articles/git-questions-good-and-bad/Many common Git questions rest on assumptions that do not hold, because Git's internals differ from older version-control tools. This clears up the confusing ones, from commit hashes to rebasing, squashing, and safe force-pushing.Mon, 01 Dec 2025 00:00:00 GMTGitRon Newcombhttps://briebug.com/articles/how-ai-will-change-software-delivery-in-the-next-2-years/https://briebug.com/articles/how-ai-will-change-software-delivery-in-the-next-2-years/AI promises faster, better software delivery, but most teams see marginal gains. Here is why projects still fail, what AI can and cannot fix, and how to adopt it with discipline over the next two years.Tue, 30 Sep 2025 00:00:00 GMTAngularAIJesse Sandershttps://briebug.com/articles/exploring-angular-signals-a-case-for-fine-grained-reactivity-in-modern-applications/https://briebug.com/articles/exploring-angular-signals-a-case-for-fine-grained-reactivity-in-modern-applications/How Angular's evolution toward signals, computed, effect, and zoneless change detection brings fine-grained reactivity and precise, attentive state management to modern enterprise applications.Tue, 16 Sep 2025 00:00:00 GMTAngularTyler Kleebergerhttps://briebug.com/articles/is-cypress-cloud-worth-it/https://briebug.com/articles/is-cypress-cloud-worth-it/A practical cost-benefit breakdown of the free Cypress App versus Cypress Cloud to help testing teams decide which fits their project scale and budget.Mon, 15 Sep 2025 00:00:00 GMTTestingCypressKevin Schuchardhttps://briebug.com/articles/the-accessible-angular-application/https://briebug.com/articles/the-accessible-angular-application/Why accessibility is really a UX and business advantage, then a hands-on walk through making Angular apps usable for everyone: meaningful markup, focus management, sufficient color contrast, and clearly labeled forms.Sun, 14 Sep 2025 00:00:00 GMTAngularAccessibilityTyler Kleebergerhttps://briebug.com/articles/case-study-turning-around-a-stalled-platform-with-strategic-technical-leadership/https://briebug.com/articles/case-study-turning-around-a-stalled-platform-with-strategic-technical-leadership/How Briebug stabilized a stalled gifting platform through technical assessment, Agile transformation, DevOps modernization, and security hardening.Mon, 14 Jul 2025 00:00:00 GMTCase StudyJesse Sandershttps://briebug.com/articles/tax-code-changes-lower-interest-rates-fuels-software-development/https://briebug.com/articles/tax-code-changes-lower-interest-rates-fuels-software-development/Two shifts are reopening the door to software investment: the 2025 repeal of Section 174's R&D amortization rules and the prospect of Federal Reserve rate cuts. Here is what changed and why it matters now.Sat, 12 Jul 2025 00:00:00 GMTBusinessJesse Sandershttps://briebug.com/articles/angular-19-the-most-transformative-angular-release-yet/https://briebug.com/articles/angular-19-the-most-transformative-angular-release-yet/A tour of what is new in Angular 19, including incremental hydration, zoneless change detection, signals, standalone-by-default, micro-frontend support, and router upgrades, and why each matters in production.Mon, 19 May 2025 00:00:00 GMTAngularJesse Sandershttps://briebug.com/articles/mastering-vue-3-components-a-comprehensive-guide-for-software-developers/https://briebug.com/articles/mastering-vue-3-components-a-comprehensive-guide-for-software-developers/A comprehensive guide to Vue 3 components covering defining components, props, prop data flow, events, dynamic components, and async components.Fri, 12 Apr 2024 00:00:00 GMTVueKevin Schuchardhttps://briebug.com/articles/typed-forms-in-angular-14/https://briebug.com/articles/typed-forms-in-angular-14/How Angular 14's Typed Forms work: infer control types from initial values, build a TypedForm helper from any interface, handle the FormBuilder null gotcha, and use Omit and Pick for flexible form types.Fri, 29 Mar 2024 00:00:00 GMTAngularFormsNG14+Myles Morronehttps://briebug.com/articles/a-comparison-of-angular-react-and-vue/https://briebug.com/articles/a-comparison-of-angular-react-and-vue/Angular, React, or Vue? A senior engineer weighs each framework's philosophy, strengths, and trade-offs, alongside community adoption and performance, to help match the right tool to your project.Fri, 15 Mar 2024 00:00:00 GMTAngularReactVueMyles Morronehttps://briebug.com/articles/intro-to-react-form-libraries-copy/https://briebug.com/articles/intro-to-react-form-libraries-copy/Combine the best of Angular's reactive toolkit, Observables, async/await, NgRx ComponentStore, and Signals, into a state-management approach that stays simple as an app grows, with guidance on when to use each.Fri, 26 Jan 2024 00:00:00 GMTAngularKevin Schuchardhttps://briebug.com/articles/intro-to-react-form-libraries/https://briebug.com/articles/intro-to-react-form-libraries/Building forms in React from the ground up: uncontrolled and controlled inputs, then Formik and React Hook Form, compared on how easily each produces typed, reusable, low-boilerplate forms.Fri, 06 Oct 2023 00:00:00 GMTAngularHudson Bakerhttps://briebug.com/articles/angular-seed/https://briebug.com/articles/angular-seed/A look at project scaffolding for Angular: what Angular Seed was, why the Angular CLI and Nx replaced it, and how to choose between them for your next project.Thu, 27 Apr 2023 00:00:00 GMTAngularStratton Whislerhttps://briebug.com/articles/database-design-and-user-experience/https://briebug.com/articles/database-design-and-user-experience/How database design and table relationships shape product usability, and why UX designers and database designers should coordinate early.Wed, 26 Apr 2023 00:00:00 GMTUX/UISpike Bachmanhttps://briebug.com/articles/how-to-use-codepush-in-react-native/https://briebug.com/articles/how-to-use-codepush-in-react-native/Ship JavaScript fixes to a React Native app without waiting on the app stores. What CodePush and App Center are, their limits and alternatives, how to set them up, and when over-the-air updates make sense.Wed, 22 Feb 2023 00:00:00 GMTFrontendReact NativeBrandon Humboldthttps://briebug.com/articles/when-to-choose-angular/https://briebug.com/articles/when-to-choose-angular/A deep look at when and why to choose Angular for your web project: its modular architecture, component-based design, Node package ecosystem, built-in Forms API, and how it compares to React and Vue.Mon, 20 Feb 2023 00:00:00 GMTAngularFrontendMatt Stivalihttps://briebug.com/articles/big-data-purging-in-oracle/https://briebug.com/articles/big-data-purging-in-oracle/An approach to building a performant data purging solution in Oracle for high-volume, high-velocity tables using BULK COLLECT, ROWIDs, FORALL, and incremental commits.Thu, 29 Dec 2022 00:00:00 GMTOracleCorey Lasleyhttps://briebug.com/articles/regression-testing/https://briebug.com/articles/regression-testing/An overview of the most impactful automated test types (unit, integration, and end-to-end), plus other test types and why regression tests matter.Thu, 22 Dec 2022 00:00:00 GMTTestingUnit TestingRegression TestingKevin Schuchardhttps://briebug.com/articles/angular-component-lifecycle/https://briebug.com/articles/angular-component-lifecycle/A deep dive into the Angular component lifecycle (construction, initialization, change detection, and destruction) and the lifecycle hooks that let you handle each phase.Wed, 21 Dec 2022 00:00:00 GMTAngularFrontendComponentsJon Ristahttps://briebug.com/articles/crash-course-firebases-firestore-angularfire/https://briebug.com/articles/crash-course-firebases-firestore-angularfire/Get up and running with AngularFire, Firebase's official Angular library, and use Cloud Firestore for CRUD: securing the database, installing the library, and reading and writing collection data with examples.Fri, 14 Oct 2022 00:00:00 GMTAngularFrontendBrandon Humboldthttps://briebug.com/articles/java-split-string/https://briebug.com/articles/java-split-string/A practical guide to the Java String.split() method: both overloads, regex and limit usage, and how to avoid PatternSyntaxException.Thu, 13 Oct 2022 00:00:00 GMTJavaBackendEd Gazdaghttps://briebug.com/articles/how-declare-global-variable-angular/https://briebug.com/articles/how-declare-global-variable-angular/Compare three ways to handle global values in Angular: the environment file, a dedicated constants file, and a global service, and learn which fits configuration, shared constants, and managed state.Tue, 20 Sep 2022 00:00:00 GMTAngularTypescriptFrontendMyles Morronehttps://briebug.com/articles/angular-progressive-web-application/https://briebug.com/articles/angular-progressive-web-application/Learn what a Progressive Web App (PWA) is and how to turn a basic Angular application into a PWA using ng add, the service worker, caching, and app icons.Mon, 15 Aug 2022 00:00:00 GMTAngularJay Bishtawihttps://briebug.com/articles/cross-platform-push-notifications/https://briebug.com/articles/cross-platform-push-notifications/A practical map of mobile push notifications across iOS and Android: how APNs and FCM or GCM fit together, the services that send them such as Azure and Firebase, and what it takes to wire push up end to end.Mon, 15 Aug 2022 00:00:00 GMTMobileiOSAndroidJamie Perkinshttps://briebug.com/articles/what-is-higher-order-component-react/https://briebug.com/articles/what-is-higher-order-component-react/Higher-order components let you wrap a React component to share logic across many. Here is how they work, why you would reach for one, and a step-by-step build using a fitness-logging example.Fri, 12 Aug 2022 00:00:00 GMTReactFrontendMark Tiahrthttps://briebug.com/articles/detect-route-changes-angular/https://briebug.com/articles/detect-route-changes-angular/Learn how Angular's router works as a single page application and how to detect route changes using the router events observable, with a practical breadcrumb example.Tue, 19 Jul 2022 00:00:00 GMTAngularFrontendMyles Morronehttps://briebug.com/articles/want-to-be-product-owner/https://briebug.com/articles/want-to-be-product-owner/A breakdown of what a Product Owner is, how people grow into the role, and the day-to-day responsibilities both inside and outside the agile scrum team.Mon, 18 Jul 2022 00:00:00 GMTProject ManagementProduct ManagementBrian Langhttps://briebug.com/articles/angular-dependency-injection/https://briebug.com/articles/angular-dependency-injection/An introduction to the Angular Injector and dependency injection: Inversion of Control, providers, injection tokens, hierarchical injectors, lifecycle, manual injection, and automatic provisioning with providedIn.Mon, 16 May 2022 00:00:00 GMTAngularFrontendJon Ristahttps://briebug.com/articles/ux-vs-ui/https://briebug.com/articles/ux-vs-ui/A practical look at how UX and UI design are distinct yet inextricably connected, and how their deliverables work together throughout the product development process.Fri, 01 Apr 2022 00:00:00 GMTUX/UISpike Bachmanhttps://briebug.com/articles/biggest-mistake-in-agile-backlog-grooming/https://briebug.com/articles/biggest-mistake-in-agile-backlog-grooming/Why backlog refinement deserves dedicated time, what a backlog refinement meeting looks like, and the common mistakes to avoid along the way.Wed, 30 Mar 2022 00:00:00 GMTAgileProject ManagementCarrie Fehrhttps://briebug.com/articles/using-bootstrap-with-angular/https://briebug.com/articles/using-bootstrap-with-angular/Add Bootstrap to an Angular app the right way: the full framework versus just its CSS utilities, the NG-Bootstrap and NGX-Bootstrap component libraries, and how to customize the theme to fit your brand.Fri, 04 Mar 2022 00:00:00 GMTAngularFrontendBootstrapChris Takehttps://briebug.com/articles/react-fragments/https://briebug.com/articles/react-fragments/A guide to React Fragments: what they are, how to use the long and short syntax, keyed fragments, and why they help when returning multiple elements from a component.Thu, 03 Mar 2022 00:00:00 GMTReactFrontendMark Tiahrthttps://briebug.com/articles/conditional-rendering-in-react/https://briebug.com/articles/conditional-rendering-in-react/Techniques for showing React content based on changing state: inline ternaries and logical operators, returning JSX from functions, and conditional styling, with an example of each.Wed, 02 Mar 2022 00:00:00 GMTReactFrontendHudson Bakerhttps://briebug.com/articles/mocking-cypress-graphql-response-with-fixtures/https://briebug.com/articles/mocking-cypress-graphql-response-with-fixtures/A three-step guide to mocking out Cypress GraphQL responses with fixtures by aliasing queries, intercepting them, and using the routeHandler to modify the reply.Tue, 01 Mar 2022 00:00:00 GMTCypressGraphQLFrontendDavid Avilahttps://briebug.com/articles/cloud-compute-services-comparison/https://briebug.com/articles/cloud-compute-services-comparison/How AWS, GCP, and Azure stack up on compute. The article maps their IaaS virtual machines, PaaS offerings, and serverless functions side by side to help you pick the right service for a workload.Mon, 21 Feb 2022 00:00:00 GMTCloudDevOps/CloudJesse Hagenouwhttps://briebug.com/articles/using-agile-to-improve-efficiency/https://briebug.com/articles/using-agile-to-improve-efficiency/Lead Time and Cycle Time explained, and three tactics from agile and Kanban to reduce them and improve efficiency.Fri, 04 Feb 2022 00:00:00 GMTAgileProject ManagementCourtney Smolenhttps://briebug.com/articles/data-driven-projects-agile-ceremonies/https://briebug.com/articles/data-driven-projects-agile-ceremonies/How to manage data-heavy projects with Agile ceremonies, spot common data pitfalls, and keep your team on track without being a data expert yourself.Thu, 03 Feb 2022 00:00:00 GMTAgile CeremoniesProject ManagementTodd Kleimanhttps://briebug.com/articles/functional-vs-nonfunctional-requirements/https://briebug.com/articles/functional-vs-nonfunctional-requirements/An advanced project management guide to functional vs. nonfunctional requirements: what they are, how they differ, and how user stories and use cases capture them.Wed, 02 Feb 2022 00:00:00 GMTAgileProject ManagementFrancesca Liohttps://briebug.com/articles/scrum-master-vs-project-manager/https://briebug.com/articles/scrum-master-vs-project-manager/Scrum Master and Project Manager look alike but own different things on an Agile team. Here is what each is responsible for, where they overlap, and how they work together to deliver.Tue, 01 Feb 2022 00:00:00 GMTProject ManagementBrian Langhttps://briebug.com/articles/reactive-angular-interceptors/https://briebug.com/articles/reactive-angular-interceptors/A step-by-step walkthrough of building an advanced, purely reactive Angular HTTP interceptor that caches results and synchronizes concurrent cross-request streams with custom RxJs operators.Thu, 18 Nov 2021 00:00:00 GMTAngularReactiveFrontendJon Ristahttps://briebug.com/articles/async-reactive-angular-validators/https://briebug.com/articles/async-reactive-angular-validators/A progressive, step-by-step guide to building advanced asynchronous, reactive Angular form validators that make HTTP calls, cross-validate related fields, and stay fully functional with RxJs.Wed, 17 Nov 2021 00:00:00 GMTAngularAsyncReactiveValidatorsFrontendJon Ristahttps://briebug.com/articles/subject-observable-difference/https://briebug.com/articles/subject-observable-difference/An in-depth look at how RxJs Subjects differ from Observables, covering push vs. pull, the multi-channel and Subscribable interfaces, BehaviorSubject, ReplaySubject, AsyncSubject, and building custom subjects.Wed, 17 Nov 2021 00:00:00 GMTRxJsObservablesReactiveSubjectFrontendJon Ristahttps://briebug.com/articles/apollo-graphql-in-angular/https://briebug.com/articles/apollo-graphql-in-angular/A step-by-step guide to installing and configuring the Apollo Client in Angular, writing GraphQL queries and mutations, sending requests, handling errors, typing responses, disabling caching, and unit testing your services.Tue, 16 Nov 2021 00:00:00 GMTAngularGraphQLApolloFrontendJosh de Gouveiahttps://briebug.com/articles/micro-frontends-angular/https://briebug.com/articles/micro-frontends-angular/A practical guide to setting up an Angular Micro Frontends project using Webpack 5 Module Federation, with both Nx Workspace and the Angular CLI.Mon, 15 Nov 2021 00:00:00 GMTAngularMicro FrontEndsFrontendJay Bishtawihttps://briebug.com/articles/react-router/https://briebug.com/articles/react-router/Learn the basics of routing in React: add react-router-dom, set up Routes, Links, Switch, Redirect, and pass route and query params in a React application.Mon, 25 Oct 2021 00:00:00 GMTTypeScriptReactRouterFrontendNick Landkamerhttps://briebug.com/articles/ux-for-developers/https://briebug.com/articles/ux-for-developers/Even though UX is not the primary job of a developer, any software has the goal of interfacing with users, and the number one principle of UX is that software is about the user first.Mon, 11 Oct 2021 00:00:00 GMTUX/UIEphie Rishohttps://briebug.com/articles/agile-scrum-ceremonies/https://briebug.com/articles/agile-scrum-ceremonies/A quick guide to the five Agile Scrum ceremonies (the Sprint, Sprint Planning, the Daily Scrum, the Sprint Review, and the Sprint Retrospective), plus the unofficial Product Backlog Grooming event.Fri, 08 Oct 2021 00:00:00 GMTAgile CeremoniesAgileScrumProject ManagementEmily Meehanhttps://briebug.com/articles/user-flows/https://briebug.com/articles/user-flows/User flows are a vital tool in the UX product design toolbelt, ensuring teams share a clear understanding of where a product is headed before development begins.Sun, 08 Aug 2021 00:00:00 GMTUser FlowsUX/UIEphie Rishohttps://briebug.com/articles/functional-programming-part-1/https://briebug.com/articles/functional-programming-part-1/The start of a multi-part series laying a solid foundation for functional programming in JS/TS: what functional programming is, how it compares to other paradigms, and what functions really are.Tue, 27 Jul 2021 00:00:00 GMTJavaScriptTypeScriptFunctionalFrontendJon Ristahttps://briebug.com/articles/functional-programming-part-2/https://briebug.com/articles/functional-programming-part-2/The second installment in the series covers the key tenets of functional programming (purity, immutability, and composability) and explores when mutability is allowable without observable side effects.Mon, 26 Jul 2021 00:00:00 GMTJavaScriptTypeScriptFunctionalFrontendJon Ristahttps://briebug.com/articles/functional-programming-part-3/https://briebug.com/articles/functional-programming-part-3/Part 3 of the functional programming series explores higher order functions, currying, partial application, function decomposition, and closures in JavaScript and TypeScript.Sun, 25 Jul 2021 00:00:00 GMTJavaScriptTypeScriptFunctionalFrontendJon Ristahttps://briebug.com/articles/angular-reactive-forms/https://briebug.com/articles/angular-reactive-forms/A deep dive into Angular Reactive Forms: building scalable, reusable, and maintainable forms with FormControl, FormGroup, FormArray, FormBuilder, custom validators, nested forms, and submission strategies.Thu, 17 Jun 2021 00:00:00 GMTAngularFormsReactiveFrontendJordan Powellhttps://briebug.com/articles/router-link/https://briebug.com/articles/router-link/A comprehensive introduction to routing via the Angular template using the RouterLink directive, covering relative links, parameters, fragments, state, navigation options, multiple outlets, active styling, and disabling links.Tue, 11 May 2021 00:00:00 GMTAngularRoutingRouterLinkNavigationFrontendJonathan Garveyhttps://briebug.com/articles/aws-gcp-and-azure-comparison/https://briebug.com/articles/aws-gcp-and-azure-comparison/New to the cloud? Start here: the core concepts and vocabulary, who the major providers are, and a side-by-side look at the compute, storage, networking, and security services across AWS, GCP, and Azure.Wed, 03 Mar 2021 00:00:00 GMTCloudAWSGCPAzureDevOps/CloudNishal Kallupallehttps://briebug.com/articles/how-to-create-an-external-package-for-angular/https://briebug.com/articles/how-to-create-an-external-package-for-angular/Learn how to build, export, and publish a reusable Angular library to npm using the Angular CLI, with a shared UI components library as an example.Mon, 22 Feb 2021 00:00:00 GMTAngularCLINPMFrontendUX/UIJordan Powellhttps://briebug.com/articles/convert-angular-project-tslint-eslint/https://briebug.com/articles/convert-angular-project-tslint-eslint/A step-by-step guide to migrating your Angular project from the deprecated TSLint to ESLint using the @angular-eslint schematic.Wed, 10 Feb 2021 00:00:00 GMTAngularJavaScriptESLintTSLintFrontendJamie Perkinshttps://briebug.com/articles/template-variables-angular/https://briebug.com/articles/template-variables-angular/A deep dive into Angular template variables (also called template reference variables or local references): how to define and use them, scope, ViewChild, element references, template references, and alternative representations.Thu, 28 Jan 2021 00:00:00 GMTAngularTemplate VariablesLocal ReferencesViewchildElementrefFrontendJon Ristahttps://briebug.com/articles/building-responsive-applications-angular-flex-layout/https://briebug.com/articles/building-responsive-applications-angular-flex-layout/Learn how to build responsive layouts in Angular using the Angular Flex Layout package, from installation and basic directives to content positioning and the responsive breakpoints API.Wed, 27 Jan 2021 00:00:00 GMTAngularFrontendChris Takehttps://briebug.com/articles/how-to-add-ngrx-store-slices-into-localstorage/https://briebug.com/articles/how-to-add-ngrx-store-slices-into-localstorage/Learn how to sync select slices of your NgRx store into a user's localStorage using ngrx-store-localstorage, including rehydration and a mergeReducer.Mon, 25 Jan 2021 00:00:00 GMTAngularNgRxFrontendJordan Powellhttps://briebug.com/articles/managing-local-storage-in-angular/https://briebug.com/articles/managing-local-storage-in-angular/Go beyond the raw localStorage API in Angular: wrap it in a reactive service backed by an Observable subject, handle the server-side rendering case, and decide what is actually safe to store.Sun, 24 Jan 2021 00:00:00 GMTAngularServer-Side RenderingDependency InjectionFrontendHudson Bakerhttps://briebug.com/articles/staying-functional-and-reactive-with-angular-data-services/https://briebug.com/articles/staying-functional-and-reactive-with-angular-data-services/Turn imperative Angular data services into clean, reactive RxJS using creation operators like of and from to compose streams, join data sources, and reuse logic across an app.Fri, 22 Jan 2021 00:00:00 GMTAngularRxJsReactiveFrontendJon Ristahttps://briebug.com/articles/mastering-the-angular-cli/https://briebug.com/articles/mastering-the-angular-cli/Dig deeper into the Angular CLI to boost your productivity: workspaces, command aliases, ng config customizations, updating Angular, and automatic deployment.Wed, 23 Dec 2020 00:00:00 GMTAngularCLIFrontendAnthony Joneshttps://briebug.com/articles/getting-started-with-the-angular-cli/https://briebug.com/articles/getting-started-with-the-angular-cli/Everything you need to start with the Angular CLI: how it works under the hood, installing it, generating a new app and its building blocks with schematics, and serving the project locally.Mon, 21 Dec 2020 00:00:00 GMTAngularCLIFrontendJosh De Gouveiahttps://briebug.com/articles/what-is-the-activated-route/https://briebug.com/articles/what-is-the-activated-route/An in-depth look at Angular's ActivatedRoute API: what it is, what route data it holds, how it differs from ActivatedRouteSnapshot, and what you can do with it.Fri, 20 Nov 2020 00:00:00 GMTAngularActivated RouteFrontendHudson Bakerhttps://briebug.com/articles/streamline-ui-using-container-presenter/https://briebug.com/articles/streamline-ui-using-container-presenter/Split Angular components into smart containers that manage data and presentational components that handle display: a pattern that improves testability, reuse, and maintainability, built up with example code.Mon, 19 Oct 2020 00:00:00 GMTAngularArchitectureFrontendUX/UIKevin Schuchardhttps://briebug.com/articles/angularjs-vs-angular/https://briebug.com/articles/angularjs-vs-angular/AngularJS and Angular share a name but little else. How the 2016 ground-up rewrite reshaped front-end development with TypeScript, RxJS, the CLI, and a new router, and what it means if you are upgrading.Sun, 18 Oct 2020 00:00:00 GMTAngularTypescriptRxJsAngularJSFrontendJamie Perkinshttps://briebug.com/articles/using-rxjs-to-write-functional-javascript/https://briebug.com/articles/using-rxjs-to-write-functional-javascript/How RxJs lets you write functional, reactive JavaScript and TypeScript, using pipe, pipeable operators, and decomposition to simplify Angular data services and make them easier to test.Wed, 19 Aug 2020 00:00:00 GMTUnit TestingOperatorsRxJsReactivePipeFrontendJon Ristahttps://briebug.com/articles/what-can-i-do-with-observables/https://briebug.com/articles/what-can-i-do-with-observables/A tour of what Observables and RxJs make possible beyond Promises: reactive programming, transforming, combining, switching, forking, and joining streams of data in Angular.Tue, 04 Aug 2020 00:00:00 GMTAngularRxJsReactiveFrontendJon Ristahttps://briebug.com/articles/understanding-the-forkjoin-rxjs-operator/https://briebug.com/articles/understanding-the-forkjoin-rxjs-operator/A deep dive into the RxJs forkJoin operator: what forking and joining mean in reactive programming, and how to fork and join both completing and continuous streams in Angular.Mon, 03 Aug 2020 00:00:00 GMTRxJsReactiveforkJoinFrontendJon Ristahttps://briebug.com/articles/what-is-the-difference-between-promises-and-observables/https://briebug.com/articles/what-is-the-difference-between-promises-and-observables/An in-depth look at how Promises and Observables both handle asynchrony in JavaScript and Angular, and why Observables and RxJs offer a far richer reactive platform.Sun, 02 Aug 2020 00:00:00 GMTRxJsAsyncReactiveFrontendJon Ristahttps://briebug.com/articles/how-do-i-manually-trigger-change-detection-in-angular/https://briebug.com/articles/how-do-i-manually-trigger-change-detection-in-angular/Learn the differences between Angular's default change detection and OnPush, when to use manual change detection, and the simplest way to achieve optimal performance.Sat, 01 Aug 2020 00:00:00 GMTAngularJavaScriptTypeScriptFrontendAnthony Joneshttps://briebug.com/articles/when-should-i-unsubscribe-my-subscriptions-in-angular/https://briebug.com/articles/when-should-i-unsubscribe-my-subscriptions-in-angular/A guide to managing RxJS subscriptions in Angular: when you need to unsubscribe, and the framework tools that handle subscriptions for you.Sat, 01 Aug 2020 00:00:00 GMTAngularNgRxAsyncFrontendJon Ristahttps://briebug.com/articles/how-do-i-restructure-and-streamline-my-ui-by-using-angular-workspaces-libraries/https://briebug.com/articles/how-do-i-restructure-and-streamline-my-ui-by-using-angular-workspaces-libraries/Use Angular workspaces and libraries to run multiple apps from one monorepo, share UI and logic across them, and standardize your organization's components, with a step-by-step directory walkthrough.Fri, 31 Jul 2020 00:00:00 GMTAngularJavaScriptCLITypeScriptUX/UIAnthony Joneshttps://briebug.com/articles/using-webauthn-with-angular/https://briebug.com/articles/using-webauthn-with-angular/A primer on WebAuthn, public-key authentication for the web, and a demonstration of how to implement it in your Angular application with a node server.Mon, 27 Jul 2020 00:00:00 GMTAngularSecurityWebauthnNodeFrontendJamie Perkinshttps://briebug.com/articles/how-do-i-bind-to-formgroup-when-it-isn-t-a-known-property-of-form/https://briebug.com/articles/how-do-i-bind-to-formgroup-when-it-isn-t-a-known-property-of-form/Resolve the Angular error "Can't bind to 'formGroup' since it isn't a known property of 'form'" by importing the correct Forms module in the module that declares your component.Thu, 25 Jun 2020 00:00:00 GMTAngularTestingModulesFrontendKevin Schuchardhttps://briebug.com/articles/how-do-i-display-html-inside-an-angular-binding/https://briebug.com/articles/how-do-i-display-html-inside-an-angular-binding/How to bind and display HTML inside an Angular component using innerHtml, sanitize it safely with a custom DomSanitizer pipe, and refactor away from innerHtml entirely.Thu, 25 Jun 2020 00:00:00 GMTAngularJavaScriptHTMLTypeScriptFrontendAnthony Joneshttps://briebug.com/articles/what-is-the-difference-between-constructor-and-ngoninit/https://briebug.com/articles/what-is-the-difference-between-constructor-and-ngoninit/Should setup logic go in the constructor or in ngOnInit? A look at what each does during Angular component initialization, and how picking the right one keeps your code predictable and testable.Fri, 29 May 2020 00:00:00 GMTAngularJavaScriptTypeScriptFrontendKevin Schuchardhttps://briebug.com/articles/switching-to-cypress-the-update/https://briebug.com/articles/switching-to-cypress-the-update/A walkthrough of updates to the Briebug Cypress schematic, including a custom Angular CLI builder that lets you run ng e2e to start Cypress.Thu, 05 Mar 2020 00:00:00 GMTCypressFrontendAnthony Joneshttps://briebug.com/articles/angular-material-theme-switcher-part-2/https://briebug.com/articles/angular-material-theme-switcher-part-2/Three strategies for persisting a user's Angular Material theme preference through a page reload: local storage, an API request, and the operating system's color-scheme preference.Wed, 04 Mar 2020 00:00:00 GMTAngularFrontendAnthony Joneshttps://briebug.com/articles/angular-material-theme-switcher-part-1/https://briebug.com/articles/angular-material-theme-switcher-part-1/A step-by-step guide to Angular Material's Sass-based theming: define your own color palettes and typography, then add a runtime light and dark mode toggle built on the same engine.Wed, 04 Mar 2020 00:00:00 GMTAngularFrontendAnthony Joneshttps://briebug.com/articles/internationalizing-your-angular-app/https://briebug.com/articles/internationalizing-your-angular-app/An overview of options to consider when approaching internationalization in an Angular app, and how to implement them, including formatting dates and numbers, Angular's i18n tooling, Ngx-translate, Transloco, language switchers, and debugging i18n.Thu, 05 Sep 2019 00:00:00 GMTAngularFrontendJamie Perkinshttps://briebug.com/articles/3-ways-to-use-angular-http-interceptor/https://briebug.com/articles/3-ways-to-use-angular-http-interceptor/How to use Angular HTTP Interceptors to control your application's network requests and responses, with examples for caching, XML to JSON conversion, and scope-based redirects.Thu, 27 Jun 2019 00:00:00 GMTAngularJavaScriptInterceptorsFrontendKevin Schuchardhttps://briebug.com/articles/a-place-for-every-mapper/https://briebug.com/articles/a-place-for-every-mapper/Every mapper has its place in NgRx Effects. Learn the semantics of switchMap, exhaustMap, concatMap, and mergeMap, and how to choose the right one for each use case.Thu, 27 Jun 2019 00:00:00 GMTAngularRxjsNgRxJavaScriptOperatorsFrontendJon Ristahttps://briebug.com/articles/why-not-going-to-conferences-is-costing-you-too-much/https://briebug.com/articles/why-not-going-to-conferences-is-costing-you-too-much/Briebug CEO Jesse Sanders shares why conferences are an invaluable, cost-effective way for developers and teams to learn best practices and avoid the high cost of failed projects.Tue, 18 Jun 2019 00:00:00 GMTAngularConferencesOtherJesse Sandershttps://briebug.com/articles/visual-testing-with-cypress/https://briebug.com/articles/visual-testing-with-cypress/Use Cypress with stubbed data and visual regression tools like cypress-visual-regression and Percy.io to reliably test complex visual elements.Thu, 30 May 2019 00:00:00 GMTTestingJavaScriptCypressFrontendE2E TestingJesse Sandershttps://briebug.com/articles/i-m-not-ready-for-ngrx/https://briebug.com/articles/i-m-not-ready-for-ngrx/An introduction to the service-with-a-subject pattern in Angular, a simple alternative to NgRx that gives developers a clear upgrade path to a redux pattern with little to no refactor.Thu, 23 May 2019 00:00:00 GMTAngularNgRxJavaScriptState ManagementFrontendJesse Sandershttps://briebug.com/articles/introducing-ngrx-auto-entity/https://briebug.com/articles/introducing-ngrx-auto-entity/An introduction to NgRx Auto-Entity, an add-on library that eliminates NgRx boilerplate by providing ready-made generic CRUD actions, effects, reducers, and facades for Angular entity state.Thu, 23 May 2019 00:00:00 GMTAngularNgRxJavaScriptFrontendJon Ristahttps://briebug.com/articles/making-use-of-websockets-in-angular/https://briebug.com/articles/making-use-of-websockets-in-angular/A practical guide to using WebSockets in Angular with the RxJs WebSocket wrapper (no extra dependencies needed), covering setup, a connection service, auth, and troubleshooting.Thu, 16 May 2019 00:00:00 GMTAngularWebsocketRxJsFrontendJamie Perkinshttps://briebug.com/articles/angular-how-to-implement-drag-and-drop-in-a-material-tree/https://briebug.com/articles/angular-how-to-implement-drag-and-drop-in-a-material-tree/How to integrate the Angular Material CDK drag and drop with the Material flat tree, including handling the drop event, generating unique IDs, and persisting node expansion state.Thu, 28 Mar 2019 00:00:00 GMTAngularMaterial DesignFrontendJamie Perkinshttps://briebug.com/articles/everybody-hates-modals/https://briebug.com/articles/everybody-hates-modals/How I built an Angular schematic that scaffolds an Angular Material dialog, automatically installing @angular/material, generating the components, and wiring up the required modules.Fri, 08 Mar 2019 00:00:00 GMTAngularJavaScriptMaterial DialogFrontendAnthony Joneshttps://briebug.com/articles/common-angular-errors-and-how-to-fix-them/https://briebug.com/articles/common-angular-errors-and-how-to-fix-them/A field guide to the Angular errors you will actually hit, from circular dependency injection to ExpressionChangedAfterItHasBeenChecked and missing value accessors, with the cause and the fix for each.Fri, 01 Mar 2019 00:00:00 GMTAngularFrontendJamie Perkinshttps://briebug.com/articles/switching-to-cypress-from-protractor-in-less-than-30-seconds/https://briebug.com/articles/switching-to-cypress-from-protractor-in-less-than-30-seconds/A walkthrough of a custom Angular schematic that installs Cypress with TypeScript support out of the box and optionally removes Protractor and its dependencies.Tue, 05 Feb 2019 00:00:00 GMTAngularCypressSchematicsTypeScriptFrontendAnthony Joneshttps://briebug.com/articles/i-m-so-done-with-e2e-testing-until-now/https://briebug.com/articles/i-m-so-done-with-e2e-testing-until-now/An introduction to end-to-end testing with Cypress.io, covering setup, writing tests, stubbing responses, fixtures, and wait commands for fast, reliable E2E tests.Wed, 19 Dec 2018 00:00:00 GMTAngularJavaScriptCypressFrontendE2E TestingJesse Sandershttps://briebug.com/articles/jest-testing-your-test-tools-are-all-wrong/https://briebug.com/articles/jest-testing-your-test-tools-are-all-wrong/Jest brings zero-config setup, fast JSDOM-based runs, built-in coverage, a powerful CLI, and snapshot testing to make testing faster and easier.Mon, 17 Dec 2018 00:00:00 GMTTestingFrontendJestJesse Sandershttps://briebug.com/articles/5-ways-to-pass-data-into-child-components-in-angular/https://briebug.com/articles/5-ways-to-pass-data-into-child-components-in-angular/Five techniques for passing data into Angular child components: @Inputs, @ViewChild, BehaviorSubjects in services, the Angular Router, and NgRx.Tue, 20 Nov 2018 00:00:00 GMTAngularNgRxFrontendJamie Perkinshttps://briebug.com/articles/building-schematics-with-a-sandbox/https://briebug.com/articles/building-schematics-with-a-sandbox/Set up a local sandbox to build and end-to-end test Angular schematics with instant visual feedback before you publish, so you can see exactly what your schematic generates.Mon, 19 Nov 2018 00:00:00 GMTAngularJavaScriptSchematicsUnit TestingTypeScriptFrontendKevin Schuchardhttps://briebug.com/articles/3-ways-youre-using-ngrx-wrong/https://briebug.com/articles/3-ways-youre-using-ngrx-wrong/Three common NgRx anti-patterns and how to avoid them: taking shortcuts, nesting data in the store, and underusing selectors.Mon, 12 Nov 2018 00:00:00 GMTAngularNgRxFrontendJesse Sandershttps://briebug.com/articles/a-is-for-enterprise/https://briebug.com/articles/a-is-for-enterprise/Six reasons Angular is a great fit for the enterprise: it's opinionated, scaled, trustworthy, familiar, and backed by a strong ecosystem.Mon, 01 Oct 2018 00:00:00 GMTAngularEnterpriseFrontendJesse Sandershttps://briebug.com/articles/what-should-you-look-for-when-hiring-your-next-developer/https://briebug.com/articles/what-should-you-look-for-when-hiring-your-next-developer/What to look for when hiring your next web application developer to keep your project on time, on budget, and on target.Fri, 17 Aug 2018 00:00:00 GMTOtherJesse Sandershttps://briebug.com/articles/5-considerations-for-successful-web-application-design/https://briebug.com/articles/5-considerations-for-successful-web-application-design/Five essential considerations for execs and developers getting ready to dive into new web application design projects, and how they can help you avoid problems along the way.Wed, 25 Jul 2018 00:00:00 GMTFrontendUX/UIJesse Sandershttps://briebug.com/articles/bridge-the-it-skills-gap-with-in-house-developer-education/https://briebug.com/articles/bridge-the-it-skills-gap-with-in-house-developer-education/How partnering with an expert team to provide in-house developer education can help bridge the IT skills gap.Fri, 06 Jul 2018 00:00:00 GMTOtherJesse Sandershttps://briebug.com/articles/development-team-need-a-boost-partner-up/https://briebug.com/articles/development-team-need-a-boost-partner-up/How partnering with an expert development team can give your in-house developers a boost by avoiding bad hires, applying best practices, and accelerating your projects.Mon, 02 Jul 2018 00:00:00 GMTOtherJesse Sandershttps://briebug.com/articles/mailchimp-subscribe-form-with-angular-using-jsonp/https://briebug.com/articles/mailchimp-subscribe-form-with-angular-using-jsonp/A working recipe for an AJAX Mailchimp signup form in Angular using HttpClient's jsonp, including the endpoint tweak Mailchimp does not document and the component code to drop in.Tue, 20 Mar 2018 00:00:00 GMTAngularJavaScriptMailChimpFrontendJamie Perkinshttps://briebug.com/articles/complex-applications/https://briebug.com/articles/complex-applications/A repeatable, five-step process for taming complex Angular applications and reducing eventing spaghetti with NgRx and Redux patterns.Sun, 25 Feb 2018 00:00:00 GMTAngularJavaScriptTypeScriptFrontendJesse Sandershttps://briebug.com/articles/building-an-angular-schematic-for-jest-testing/https://briebug.com/articles/building-an-angular-schematic-for-jest-testing/How Briebug built an Angular CLI schematic to configure unit tests to run with Jest instead of Karma and Jasmine.Tue, 18 Jul 2017 00:00:00 GMTAngularTestingFrontendJestKevin Schuchardhttps://briebug.com/articles/why-angular/https://briebug.com/articles/why-angular/What makes modern Angular a stable, productive choice for front-end work: its evolution since AngularJS, its performance and mobile gains, and the conventions that guide solid architecture.Wed, 29 Mar 2017 00:00:00 GMTAngularJavaScriptTypeScriptFrontendBriebug Team