ngx-toolkit, a new open-source project from DataKitchen

At DataKitchen, we use Angular and strive for well-tested and maintainable code. We’ve created three libraries that have helped accelerate Angular development in our software projects. We are proud today to present these to the open source community.

by | Mar 5, 2024 | Blog, Open Source

ngx-toolkit, a new open-source project from DataKitchen

At DataKitchen, we use Angular and strive for well-tested and maintainable code. We’ve created three libraries that have helped accelerate Angular development in our software projects. We are proud today to present to the open source community our monorepo with some of the libraries we have developed for Angular and Jest.

[ngx-toolkit](https://github.com/DataKitchen/ngx-toolkit) is a monorepo that contains three npm packages: 

 – @datakitchen/ngx-toolkit 

 – @datakitchen/ngx-monaco-editor

 – @datakitchen/rxjs-marbles

# ngx-toolkit

It is a library that contains several utilities that we find useful when building Angular applications. The principal element in this library is what we call the `CoreComponent`. This abstract component handles different use cases automatically. Automatic unsubscription of observables is just the most trivial of them. 

Another less trivial example is the following. Our Angular app often has a table with pagination, sorting, and search features. We may also have some of all the properties related to the page state reflected in the URL parameters for ease of sharing.  Angular developers know how complicated it can be to have a reactive form whose values can be hydrated from the localStorage and/or the query parameters and synchronized with Angular’s Material Paginator.  Easily, all of the above can be achieved by letting a component extend `CoreComponent` and adding some decorators, so you can stay `DRY`.  See ngx-toolkit’s readme

# rxjs-marbles

In our app, we heavily use reactive programming, and we know how complicated it is to properly test observables chains. Using them in an Angular app is even more complicated. This is another of the goodies we are proud to share with the open-source community: `@datakitchen/rxjs-marbles` is a set of utilities for streamlining marble testing and making it really easy to do in an Angular application. See rxjs-marbles

# ngx-monaco-editor

Last but not least, `@datakichen/ngx-monaco-editor` is our take on wrapping Microsoft’s monaco editor into an Angular component, and yes it supports Reactive Forms and Angular Material `mat-form-field.`  See ngx-monaco-editor

We hope you find these as useful as we do!  We will be maintaining and improving the library moving forward.

Davide Cavaliere, DataKitchen

Sign-Up for our Newsletter

Get the latest straight into your inbox

Data Observability Software

DataOps Observability: Monitor every Data Journey in an enterprise, from source to customer value, and find errors fast! [Enterprise]

DataOps TestGen: Simple, Fast Data Quality Test Generation and Execution. Trust, but verify your data! [Enterprise]

DataOps Software

DataOps Automation: Orchestrate and automate your data toolchain to deliver insight with few errors and a high rate of change. [Enterprise]

recipes for dataops success

DataKitchen Consulting Services


Assessments

Identify obstacles to remove and opportunities to grow

DataOps Consulting, Coaching, and Transformation

Deliver faster and eliminate errors

DataOps Training

Educate, align, and mobilize

Commercial Pharma Agile Data Warehouse

Get trusted data and fast changes from your warehouse

 

dataops-cookbook-download

DataOps Learning and Background Resources


DataOps Journey FAQ
DataOps Observability basics
Data Journey Manifesto
Why it matters!
DataOps FAQ
All the basics of DataOps
DataOps 101 Training
Get certified in DataOps
Maturity Model Assessment
Assess your DataOps Readiness
DataOps Manifesto
Thirty thousand signatures can't be wrong!

 

DataKitchen Basics


About DataKitchen

All the basics on DataKitchen

DataKitchen Team

Who we are; Why we are the DataOps experts

Careers

Come join us!

Contact

How to connect with DataKitchen

 

DataKitchen News


Newsroom

Hear the latest from DataKitchen

Events

See DataKitchen live!

Partners

See how partners are using our Products

 

Monitor every Data Journey in an enterprise, from source to customer value, in development and production.

Simple, Fast Data Quality Test Generation and Execution. Your Data Journey starts with verifying that you can trust your data.

Orchestrate and automate your data toolchain to deliver insight with few errors and a high rate of change.