Remix Easy Mode

screenshot of Remix Easy Mode
react
remix

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.
react
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

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

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

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.