React Templates & Themes Logo React Templates & Themes
Remix Easy Mode screenshot

Remix Easy Mode

Author Avatar Theme by Sjc5
Updated: 1 Nov 2023
80 Stars

Simple, typesafe toolkit for developing highly interactive Remix apps. Inspired by TRPC.

Github Live Preview

Categories

Remix

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.

Installation:

To install Remix Easy Mode, follow these steps:

  1. Install the required peer dependencies: react, @remix-run/react, @remix-run/server-runtime, zod.
npm install react @remix-run/react @remix-run/server-runtime zod
  1. Install Remix Easy Mode package.
npm install remix-easy-mode

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.