@remix-run/dev is a development tool for building web applications using the Remix framework. It provides a set of utilities and commands to streamline the development process, including building, watching, and serving your application.

What are @remix-run/dev's main functionalities?

Build

The build feature compiles the client and server entry points into a production-ready build. This is useful for preparing your application for deployment.

const { build } = require('@remix-run/dev');

build({
  entryClientFile: 'src/entry.client.tsx',
  entryServerFile: 'src/entry.server.tsx',
  outputDir: 'build',
  publicPath: '/build/',
}).then(() => {
  console.log('Build completed!');
}).catch((error) => {
  console.error('Build failed:', error);
});

Watch

The watch feature monitors your source files for changes and automatically rebuilds the application. This is useful for development as it provides instant feedback on code changes.

const { watch } = require('@remix-run/dev');

watch({
  entryClientFile: 'src/entry.client.tsx',
  entryServerFile: 'src/entry.server.tsx',
  outputDir: 'build',
  publicPath: '/build/',
}).then(() => {
  console.log('Watching for changes...');
}).catch((error) => {
  console.error('Watch failed:', error);
});

Serve

The serve feature starts a local development server to serve your built application. This is useful for testing your application in a local environment.

const { serve } = require('@remix-run/dev');

serve({
  buildDir: 'build',
  port: 3000,
}).then(() => {
  console.log('Server is running on http://localhost:3000');
}).catch((error) => {
  console.error('Server failed to start:', error);
});

Other packages similar to @remix-run/dev

Welcome to Remix!

Remix is a web framework that helps you build better websites with React.

To get started, open a new shell and run:

npx create-remix@latest

Then follow the prompts you see in your terminal.

For more information about Remix, visit remix.run!

v2.14.0

Date: 2024-11-08

Minor Changes

Deprecate SerializeFrom in favor of generics because it will be removed in React Router v7 (#10173)
Add deprecation warning to @remix-run/eslint-config (#10174)
Add support for routes.ts behind future.unstable_routeConfig flag to assist with the migration to React Router v7. (#10107)

Config-based routing is the new default in React Router v7, configured via the routes.ts file in the app directory. Support for routes.ts and its related APIs in Remix are designed as a migration path to help minimize the number of changes required when moving your Remix project over to React Router v7. While some new packages have been introduced within the @remix-run scope, these new packages only exist to keep the code in routes.ts as similar as possible to the equivalent code for React Router v7.

When the unstable_routeConfig future flag is enabled, Remix's built-in file system routing will be disabled and your project will opted into React Router v7's config-based routing.

To enable the flag, in your vite.config.ts file:
```
remix({
  future: {
    unstable_routeConfig: true,
  },
});
```
A minimal routes.ts file to support Remix's built-in file system routing looks like this:
```
// app/routes.ts
import { flatRoutes } from "@remix-run/fs-routes";
import type { RouteConfig } from "@remix-run/route-config";

export const routes: RouteConfig = flatRoutes();
```
Log deprecation warnings for v3 future flags (#10126)
- Add @deprecated annotations to json/defer utilities

Patch Changes

Fix defaultShouldRevalidate value when using single fetch (#10139)
Update externally-accessed resource routes warning to cover null usage as well (#10145)

Updated Dependencies

Changes by Package

Full Changelog: v2.13.1...v2.14.0

FAQs

What is @remix-run/dev?

Is @remix-run/dev popular?

Is @remix-run/dev well maintained?

Package last updated on 08 Nov 2024

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install