We have support for conditional behaviors in
@myndpm/dyn-formsdocumented at mynd.dev and we are able to provide them easily like the Controls, Validators, AsyncValidators, etc.
In complex forms use-cases, some controls directly depend on the value or status of some other form control. Then we implement custom behaviors, like
hiding a field when another control has some value, or
disabling it depending on a complex condition, etc.
We are building the documentation of
@myndpm/dyn-formsat mynd.dev and we've added support for a variety of custom functions like Validators, AsyncValidators, Matchers, Conditions and more.
The next crucial part of any form is validation, aka
AsyncValidators, and we took some time to study a nice way to implement them and we picked the most declarative one:
validators: ['required', ['min', 1] ],
Angular provides default Validators that we’re used to consume programatically in our Reactive Forms, some of them are Validator Functions (
Go to Stackblitz and witness the power of
@myndpm/dyn-forms, check its synthetic source code and join the GitHub Discussions to design the upcoming features based on our experiences with Angular Forms.
As in most companies, at Mynd we build forms, filters, tables and display views for different purposes. We handle a ton of entities, and we have custom components in our Design System to satisfy our needs. …
This article presents you
@matheo/datasource which aims to facilitate the listing of any kind of data inside a Material Table or any Angular Component. It’s a battle-tested library but improvements and suggestions are warmly welcomed. This article is the initial documentation as I need some help and time to build a decent one :D
Some years ago I had the challenge to build different lists with
mat-table, so I took some code snippets from the official documentation…
Edit: This article by Mateus Carniatto seems more updated than my old experiment. I will be posting new ones soon :)
First of all, why a monorepo? there are many articles out there that explain why this kind of setup facilitates the development of complex applications. Code reusability and consistency are hugely improved, making visible any particular change on the system across all the dependencies, and facilitating the integration tests.
@nrwl/nx is a tool built on the top of
@angular/cli that help us to create a workspace. with special folders for applications and libraries, along with some scaffolding to help…
Senior Frontend Developer