Yeoman React Router Framework Generators

A generator for creating React Router routes using Yeoman.

Installation

Install as Project Dependency

npm install --save-dev generator-rrf

Install globally

npm install -g generator-rrf

Usage

Command-Line Usage

Generate a route without prompt (uses default name)

yo rrf:route MyRoute

Generate a route with prompts

yo rrf:route

Npm Script Usage

# Add to your package.json scripts (optional):
{
  "scripts": {
    "g-rrf": "yo rrf:route"
  }
}

# Then run:
npm run g-rrf:route MyRoute

Project Structure

This generator creates files in your app/routes/ directory:

your-project/
├── app/
│   └── routes/
│       └── YourRouteName.tsx  # Generated file

How it Works

1. The generator prompts you (or accepts command-line input) for the route name
2. It uses EJS templating to generate a basic React component
3. The file is placed in app/routes/ folder

Generated Component

import React from 'react';

export default function YourRouteName() {
  return (
    <div>
      <h1>YourRouteName Route Page</h1>
    </div>
  );
}

License

ISC