|
8 | 8 |
|
9 | 9 | <h1 align="center">React Advanced Form</h1>
|
10 | 10 |
|
11 |
| -[React Advanced Form](https://github.com/kettanaito/react-advanced-form) is a library for tailoring real-world forms with pleasure and ease. |
| 11 | +[React Advanced Form](https://github.com/kettanaito/react-advanced-form) is a library for tailoring real-world forms in [React](https://reactjs.org/) with pleasure and ease. |
12 | 12 |
|
13 | 13 | No boilerplate. No obscure high-order component configurations. No redundant state management. Embrace powerful custom styling, field grouping, advanced multi-layer validation, validation messages with smart fallback system, reactive props resolvers and much more.
|
14 | 14 |
|
15 | 15 | ## Features
|
16 | 16 | * **Boilterplate-free**. Remember how you were tossing tons of configurations for high-order components around each form? No more. Create clean and powerful forms without repeating yourself, without building crazy abstractions.
|
17 | 17 |
|
18 |
| -* [**Composite fields**](https://kettanaito.gitbooks.io/react-advanced-form/docs/getting-started/creating-fields.html). Create gorgeous and flexible fields composites and reuse them throughout the entire application. Reflect even the most granular field state changes in the UI to achieve the outmost user experience. |
| 18 | +* [**Composite fields**](https://kettanaito.gitbooks.io/react-advanced-form/docs/getting-started/creating-fields.html). React Advanced Form is *field-centric*. That means you define flexible and reusable fields composites and reuse them throughout the entire application. Reflect even the most granular field state changes in the UI to achieve the outmost user experience. |
19 | 19 |
|
20 |
| -* [**Intuitive usage**](https://kettanaito.gitbooks.io/react-advanced-form/docs/getting-started/creating-form.html). Place a `Form` component, add some fields and the form is working without any extra effort. |
| 20 | +* [**Intuitive usage**](https://kettanaito.gitbooks.io/react-advanced-form/docs/getting-started/creating-form.html). Place a `Form` component, add some fields and the form is working without any effort. |
21 | 21 |
|
22 | 22 | ```jsx
|
23 |
| -// No, ths is not a diminished example, this is a completely working form! |
| 23 | +// No, ths is not a diminished example, this is a completely working form |
24 | 24 | <Form action={ this.registerUser }>
|
25 | 25 | <Input name="username" required />
|
26 | 26 | <Input name="password" type="password" required />
|
@@ -49,7 +49,7 @@ export default {
|
49 | 49 | };
|
50 | 50 | ```
|
51 | 51 |
|
52 |
| -Access the field's `value`, `fieldProps`, `fields` and the `form` as the parameters of each resolver function. Apply the rules application-wide via `FormProvider`, or extend/override them for a specific form. Say goodbye to crowded `validate` functions, welcome clean multi-layer validation schemas! |
| 52 | +Access the field's `value`, `fieldProps`, `fields` and the `form` as the parameters of each resolver function. Apply the rules application-wide via `FormProvider`, or extend/override them for a specific form. Say goodbye to crowded `validate` functions, welcome **clean validation schemas**! |
53 | 53 |
|
54 | 54 | * [**Reactive props**](https://kettanaito.gitbooks.io/react-advanced-form/docs/architecture/reactive-props.html). How much effort would it take you to make one field required based on another field(s)? Yes, the correct answer is—*one line of code*:
|
55 | 55 |
|
@@ -111,16 +111,15 @@ npm install react-advanced-form --save
|
111 | 111 | ```
|
112 | 112 |
|
113 | 113 | ### Guidelines
|
114 |
| - |
115 |
| -See the detailed step-by-step instructions on how to [Get started with React Advanced Form](https://kettanaito.gitbooks.io/react-advanced-form/docs/getting-started/installation.html). Get familiar with the and learn how to easily integrate the library into your project. |
| 114 | +Starting with something new may appear challenging. Good that there is a detailed step-by-step instruction on how to [Get started with React Advanced Form](https://kettanaito.gitbooks.io/react-advanced-form/docs/getting-started/installation.html). It contains a minimal information you need to install, prepare and use this solution in your project. |
116 | 115 |
|
117 | 116 | ## Documenation
|
118 | 117 | See the [Documentation](https://kettanaito.gitbooks.io/react-advanced-form) for the list of all available features, their descriptions and examples of usage.
|
119 | 118 |
|
120 | 119 | ## Contributing
|
121 | 120 | Any of your contributions are highly appreciated. See the [Contribution guidelines](https://kettanaito.gitbooks.io/react-advanced-form/docs/CONTRIBUTING.html) to get to know the process better. Moreover, development isn't the only way to contribute, there are [many more](https://kettanaito.gitbooks.io/react-advanced-form/docs/CONTRIBUTING.html#other-contributions).
|
122 | 121 |
|
123 |
| -Found a bug? Eager to suggest a useful feature? The [Issues](https://github.com/kettanaito/react-advanced-form/issues) tab is always open for your ideas. Just make sure you're not duplicating the existing ones. If you feel lucky, you can even submit a [Pull request](https://github.com/kettanaito/react-advanced-form/pulls) with the changes. |
| 122 | +Found an issue? Eager to suggest a useful feature? The [Issues](https://github.com/kettanaito/react-advanced-form/issues) tab is always open for your feedback. Just make sure you're not duplicating the existing tickets. If you feel lucky, you can even submit a [Pull request](https://github.com/kettanaito/react-advanced-form/pulls) with the changes. |
124 | 123 |
|
125 | 124 | ## License
|
126 | 125 | This project is published under [MIT License](https://github.com/kettanaito/react-advanced-form/blob/master/LICENSE.md). See the license file for more details.
|
0 commit comments