fix(app): switch example app to TypeScript

release-npm
tobua · Sep 30, 2023 · e1d853e · e1d853e
1 parent d2f0674
commit e1d853e
Show file tree

Hide file tree

Showing 7 changed files with 4 additions and 8 deletions.
diff --git a/.gitignore b/.gitignore
@@ -3,7 +3,7 @@ package-lock.json
 dist
 ReactigationApp
 app/**/*
-!app/index.js
+!app/App.tsx
 !app/logo.png
 !app/component
 !app/component/*
diff --git a/app/index.js → app/App.tsx b/app/index.js → app/App.tsx
@@ -1,7 +1,5 @@
 import React from 'react'
-import { AppRegistry } from 'react-native'
 import Reactigation, { register, Transition } from 'reactigation'
-import { name as appName } from './app.json'
 import { Static } from './component/Static'
 import { Screen } from './component/Screen'
 import { Modal } from './component/Modal'
@@ -33,14 +31,12 @@ Object.entries(Screens).map(([name, configuration]) =>
   register(configuration.component, name, {
     transition: configuration.transition,
     background: configuration.background,
-  })
+  }),
 )
 
-const App = () => (
+export default () => (
   <>
     <Reactigation />
     <Static />
   </>
 )
-
-AppRegistry.registerComponent(appName, () => App)
diff --git a/app/component/AnimatedLink.js → app/component/AnimatedLink.tsx b/app/component/AnimatedLink.js → app/component/AnimatedLink.tsx
diff --git a/app/component/Modal.js → app/component/Modal.tsx b/app/component/Modal.js → app/component/Modal.tsx
diff --git a/app/component/Screen.js → app/component/Screen.tsx b/app/component/Screen.js → app/component/Screen.tsx
diff --git a/app/component/Static.js → app/component/Static.tsx b/app/component/Static.js → app/component/Static.tsx
diff --git a/create-app.js b/create-app.js
@@ -14,7 +14,7 @@ execSync(`npx react-native init ${appName}`, {
 })
 
 cpSync('app/component', `${appName}/component`, { recursive: true })
-cpSync('app/index.js', `${appName}/index.js`)
+cpSync('app/App.tsx', `${appName}/App.tsx`)
 cpSync('app/logo.png', `${appName}/logo.png`)
 
 rmSync('app', { recursive: true })