Migration Guide to v2.0

Upgrade from v1.x to Revolutionary UI Factory v2.0 with confidence

Overview

Revolutionary UI Factory v2.0 is a major update that transforms the library from a React-only table/form generator to a universal component factory supporting 150+ component types across 10+ frameworks.

🧩
150+
Component Types
up
🔧
10+
Frameworks
up
📉
60-95%
Code Reduction
✅
Minimal
Breaking Changes

Breaking Changes

# Old
npm uninstall revolutionary-ui-factory

# New
npm install @vladimirdukelic/revolutionary-ui-factory
// Old (v1.x)
import { createDataTable, createForm } from 'revolutionary-ui-factory';

// New (v2.0)
import { setup } from '@vladimirdukelic/revolutionary-ui-factory';
const ui = setup();
const table = ui.createDataTable(config);

Revolutionary UI Factory v2.0 requires React 19 or higher:

{
  "dependencies": {
    "react": "^19.0.0",
    "react-dom": "^19.0.0"
  }
}

Update to TypeScript 5.0 or higher:

{
  "devDependencies": {
    "typescript": "^5.0.0"
  }
}

Step-by-Step Migration

StepActionCommand/Code
1Remove old packagenpm uninstall revolutionary-ui-factory
2Install new packagenpm install @vladimirdukelic/revolutionary-ui-factory
3Update Reactnpm install react@^19.0.0 react-dom@^19.0.0
4Update TypeScriptnpm install -D typescript@^5.0.0
5Update importsReplace 'revolutionary-ui-factory' with '@vladimirdukelic/revolutionary-ui-factory'
6Update component creationconst ui = setup(); ui.createDataTable(...)

New Features in v2.0

🧩

🧩

🧩

🧩

Troubleshooting

If you encounter peer dependency issues:

npm install --legacy-peer-deps

Update your postcss.config.js:

module.exports = {
  plugins: {
    '@tailwindcss/postcss': {},  // New v4 plugin
    autoprefixer: {},
  },
}

If experiencing TypeScript errors, temporarily disable strict mode:

{
  "compilerOptions": {
    "strict": false,
    "skipLibCheck": true
  }
}

Enable Turbopack in your package.json:

{
  "scripts": {
    "dev": "next dev --turbopack"
  }
}

Compatibility Mode

For easier migration, v2.0 includes a compatibility mode that supports most v1.x APIs:

import { enableV1Compatibility } from '@vladimirdukelic/revolutionary-ui-factory';

// Enable v1 API compatibility
enableV1Compatibility();

// Your old code should work with minimal changes

Getting Help

Need assistance with your migration? We're here to help:

Thank you for upgrading!
We're excited to see what you build with Revolutionary UI Factory v2.0's expanded capabilities.