[](https://dev.azure.com/ajayojha/rxweb/_build/latest?definitionId=39&branchName=master)
[](https://gitter.im/rxweb-project/rxweb?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=body_badge)
[](https://github.com/rxweb/rxweb/blob/master/LICENSE)
[](https://github.com/rxweb/rxweb)
## How Code Looks Like?
## Through FormGroup Class
## Through FormArray Class
## Through FormControl Class
## Code
#### How Code Looks Like?
```js
import { Component, OnInit } from "@angular/core";
import {
FormBuilder,
Validators,
FormGroup,
FormControl,
FormArray
} from "@angular/forms";
import { User } from "./models/user";
import { Address } from "./models/address";
import { Skill } from "./models/skill";
import { IFormBuilder, IFormGroup, IFormArray } from "@rxweb/types";
@Component({
selector: "my-app",
templateUrl: "./app.component.html",
styleUrls: ["./app.component.css"]
})
export class AppComponent {
formGroup: IFormGroup;
formBuilder: IFormBuilder;
constructor(formBuilder: FormBuilder) {
this.formBuilder = formBuilder;
}
ngOnInit() {
this.formGroup = this.formBuilder.group({
firstName: ["", [Validators.required]],
address: this.formBuilder.group({
countryName: ["", Validators.required]
}),
skills: this.formBuilder.array([
this.formBuilder.group({
name: ["", Validators.required]
})
])
});
}
}
```
#### Through FormGroup Class
```js
let formGroup: IFormGroup = new FormGroup(>{
firstName: new FormControl((>"")),
}) as IFormGroup;
```
#### Through FormArray Class
```js
let formArray: IFormGroup = new FormArray([
new FormGroup(>{
name: new FormControl((>"")),
}) as IFormGroup
])
```
#### Through FormControl Class
```js
let formControl: FormControl = new FormControl(>"");
```
## Refer Type Mismatch Errors
* [FormGroup](https://docs.rxweb.io/strongly-typed/angular-strongly-typed#formgroup)
* [FormControl](https://docs.rxweb.io/strongly-typed/angular-strongly-typed#formcontrol)
* [Nested FormGroup](https://docs.rxweb.io/strongly-typed/angular-strongly-typed#nested-formgroup)
* [Nested FormArray](https://docs.rxweb.io/strongly-typed/angular-strongly-typed#nested-formarray)
## Contributing
If you are thinking to make rxweb framework better, that's truly great. You can contribute from a single character to core architectural work or significant documentation – all with the goal of making a robust rxweb framework which helps for everyone in their projects. Even if you are don’t feel up to writing code or documentation yet, there are a variety of other ways that you can contribute like reporting issues to testing patches.
Check out the docs on how you can put your precious efforts on the rxweb framework and contribute in the respective area.
## Need Help
We highly recommend for help please ask your questions on our gitter/rxweb-project to get quick response from us. Otherthan our gitter channel you can ask your question on StackOverflow or create a new issue in our Github Repository.
For, issue please refer our issue workflow wiki for better visibility our issue process.
## Feature Request
You can request a new feature by submitting an issue to our GitHub Repository. If you would like to implement a new feature, please submit an issue with a proposal for your work first, to be sure that we can use it.
# License
MIT