fix(create-rsbuild): remove React 18 templates (#7387)

Author: chenjiahan

.github/renovate.json5

@@ -65,21 +65,10 @@
       matchDepTypes: ['peerDependencies'],
       enabled: false,
     },
-    // keep React 18 and Vue 2 template
+    // keep Vue 2 template
     {
-      matchPaths: [
-        '**/template-react18-js/**',
-        '**/template-react18-ts/**',
-        '**/template-vue2-js/**',
-        '**/template-vue2-ts/**',
-      ],
-      matchPackageNames: [
-        'vue',
-        'react',
-        'react-dom',
-        '@types/react',
-        '@types/react-dom',
-      ],
+      matchPaths: ['**/template-vue2-js/**', '**/template-vue2-ts/**'],
+      matchPackageNames: ['vue'],
       enabled: false,
     },
     {

e2e/cases/create-rsbuild/jsTemplates.test.ts

@@ -8,13 +8,6 @@ test('should create react project as expected', async () => {
   expect(pkgJson.devDependencies['@rsbuild/plugin-react']).toBeTruthy();
 });
 
-test('should create react18 project as expected', async () => {
-  const { pkgJson } = await createAndValidate(import.meta.dirname, 'react18');
-  expect(pkgJson.dependencies.react.startsWith('^18')).toBeTruthy();
-  expect(pkgJson.dependencies['react-dom'].startsWith('^18')).toBeTruthy();
-  expect(pkgJson.devDependencies['@rsbuild/plugin-react']).toBeTruthy();
-});
-
 test('should create preact project as expected', async () => {
   const { pkgJson } = await createAndValidate(import.meta.dirname, 'preact');
   expect(pkgJson.dependencies.preact).toBeTruthy();

e2e/cases/create-rsbuild/tsTemplates.test.ts

@@ -8,16 +8,6 @@ test('should create react-ts project as expected', async () => {
   expect(pkgJson.devDependencies['@rsbuild/plugin-react']).toBeTruthy();
 });
 
-test('should create react18-ts project as expected', async () => {
-  const { pkgJson } = await createAndValidate(
-    import.meta.dirname,
-    'react18-ts',
-  );
-  expect(pkgJson.dependencies.react.startsWith('^18')).toBeTruthy();
-  expect(pkgJson.dependencies['react-dom'].startsWith('^18')).toBeTruthy();
-  expect(pkgJson.devDependencies['@rsbuild/plugin-react']).toBeTruthy();
-});
-
 test('should create preact-ts project as expected', async () => {
   const { pkgJson } = await createAndValidate(import.meta.dirname, 'preact-ts');
   expect(pkgJson.dependencies.preact).toBeTruthy();

packages/create-rsbuild/src/index.ts

@@ -29,7 +29,6 @@ async function getTemplateName({ template }: Argv) {
       options: [
         { value: 'vanilla', label: 'Vanilla' },
         { value: 'react', label: 'React 19' },
-        { value: 'react18', label: 'React 18' },
         { value: 'vue3', label: 'Vue 3' },
         { value: 'vue2', label: 'Vue 2' },
         { value: 'lit', label: 'Lit' },
@@ -66,10 +65,6 @@ function mapESLintTemplate(templateName: string): ESLintTemplateName {
     case 'vue2-ts':
     case 'vue3-ts':
       return 'vue-ts';
-    case 'react18-js':
-      return 'react-js';
-    case 'react18-ts':
-      return 'react-ts';
     default:
       return `vanilla-${templateName.split('-')[1]}` as ESLintTemplateName;
   }
@@ -78,10 +73,8 @@ function mapESLintTemplate(templateName: string): ESLintTemplateName {
 function mapRstestTemplate(templateName: string): string {
   switch (templateName) {
     case 'react-js':
-    case 'react18-js':
       return 'react-js';
     case 'react-ts':
-    case 'react18-ts':
       return 'react-ts';
     case 'vue3-js':
       return 'vue-js';
@@ -102,8 +95,6 @@ create({
     'vanilla-ts',
     'react-js',
     'react-ts',
-    'react18-js',
-    'react18-ts',
     'vue3-js',
     'vue3-ts',
     'vue2-js',