TypeScript-first, lightning fast Forms for React.js and React Native.
Lynx.ts is a React Context based Form Provider. However, thanks to the brilliant use-context-selector the re-renders caused by changes in the context are drastically reduced. The use-context-selector hook implements React's RFC context selector in user land, this way we can specifically select what we need from the context and avoid unnecessary re-renders when unused parts of the context change.
Being a TypeScript-first library, you'll find type-safety on every turn: validation, simple/array/nested fields, form submision, etc. The codebase also follows a full memoization principle, which makes Lynx.ts fast and performant on small or big projects.
Lynx.ts is based on context and hooks, so you'll need a minimun version of v16.8.0 on React.js. TypeScript is not necessary to use it, it works on plain JavaScript too! However, TS will give you a better dev experience and static check safety, so it's recommended.
Lynx.ts is split three packages for convinience:
- @lynxts/core: Main functionalities, can be used in any kind of React.js environment.
- @lynxts/native: React Native specific abstractions and helpers.
- @lynxts/web: DOM specific abstractions and helpers.
Check each package documentation for more details on how to use them.
Validation is a crutial part of forms in most cases. For Lynx.ts validation is always required, but because it can be a whole project out on its own, validation is supported through 3rd-party libraries. Both Yup and Zod schemas are supported out-of-the-box, but you can use any other library by just implementing an Adapter<T> which tells the form how to validate the schema. Check the Core package documentation for more details on custom validation adapters. In the remote case you don't need to validate your forms, we provide a noValidate() adapter which you can use as well.
Errors are present only if the field was touched or the form submitted. Adding other behaviors to how errors show will be based on requests and their use cases. Feel free to open an issue and share yours!
Suggestions are always welcome! Please create an issue describing the request, feature, or bug. We'll try to look into it as soon as possible 🙂
Contributions are very welcome! To do so, please fork this repository and open a Pull Request to the main branch.