Remix Easy Mode
Simple, typesafe toolkit for developing highly interactive Remix apps. Inspired by TRPC.
Overview:
Remix Easy Mode is a simple and typesafe toolkit for developing highly interactive Remix apps. It is built on the zod library and inspired by TRPC. The toolkit is designed specifically for building highly interactive apps and offers features such as typesafe validations, session middleware, mutation callbacks, unstyled input helpers, and optional custom serializers. It is licensed under MIT.
Features:
- 100% typesafe: Remix Easy Mode is built using typesafe techniques, ensuring that your code is protected from type errors.
- Built on zod: The toolkit is built on top of the zod library, providing robust and reliable input validation capabilities.
- Inspired by TRPC: Remix Easy Mode takes inspiration from TRPC and offers similar features for building highly interactive apps.
- Bone-simple client form validations: The toolkit includes client-side form validations that are easy to implement and use.
- Server-side input validations a la TRPC: Remix Easy Mode allows you to perform server-side input validations similar to TRPC, ensuring data integrity.
- Session middleware via "bouncer" pattern: The toolkit provides session middleware using the "bouncer" pattern, allowing you to manage user sessions effectively.
- onSuccess, onError, and onSettled mutation callbacks a la react-query: Remix Easy Mode includes mutation callbacks similar to react-query, enabling you to handle different mutation outcomes.
- Input helpers are unstyled: The input helpers provided by the toolkit are unstyled, allowing you to customize them according to your app's design requirements.
- Optional custom serializers (e.g., superjson): Remix Easy Mode offers optional custom serializers, such as superjson, for serialization and deserialization tasks.
Summary:
Remix Easy Mode is a typesafe toolkit for developing highly interactive Remix apps. It offers a range of features, including typesafe validations, server-side input validations, session middleware, mutation callbacks, unstyled input helpers, and optional custom serializers. It can be installed by following the provided installation guide. However, it is important to note that the toolkit is still a work in progress and the API may change without notice. Users are advised to exercise caution when using it in production and set specific dependency versions.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Remix
Remix is a modern JavaScript framework that focuses on building fast and performant web applications. It emphasizes a combination of server-rendered content and client-side interactivity, offering a robust architecture for creating scalable and maintainable projects.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Zod
Zod is a TypeScript-first schema declaration and validation library. It allows you to define schemas that can validate data at runtime while providing excellent TypeScript inference, making it perfect for API validation, form validation, and type-safe data handling.