Merge pull request #14 from daboigbae/13-add-support-for-typescript

13 add support for typescript

Author: daboigbae

.DS_Store

@@ -26,6 +26,8 @@ Run this command to create a new project with the template
 - [@reduxjs/toolkit](https://redux-toolkit.js.org/) to make redux implementation easier
 - [redux-persist](https://github.com/rt2zz/redux-persist) for redux store persistance.
 - [redux-thunk](https://github.com/gaearon/redux-thunk) to dispatch asynchronous actions.
+- [type-script](https://www.typescriptlang.org/) for typing and general robustness
+
 
 # 🏃‍♀️Running Your New App
 #### 📱iOS

README.md

@@ -11,8 +11,10 @@ module.exports = {
 		"plugin:react/recommended",
 		"prettier",
 		"eslint:recommended",
-		"plugin:jest/recommended"
+		"plugin:jest/recommended", 
+		"plugin:@typescript-eslint/recommended" // Add TypeScript ESLint plugin
 	],
+	parser: "@typescript-eslint/parser", // Specify the TypeScript parser
 
 	parserOptions: {
 		ecmaFeatures: {
@@ -22,7 +24,7 @@ module.exports = {
 		sourceType: "module"
 	},
 
-	plugins: ["react", "react-native", "detox"],
+	plugins: ["react", "react-native", "detox", "@typescript-eslint"],
 	ignorePatterns: ["!.*", "dist", "node_modules"],
 	rules: {
 		indent: [
@@ -37,7 +39,9 @@ module.exports = {
 		quotes: ["error", "double"],
 		semi: ["error", "always"],
 		"no-console": ["error"],
-		"no-unused-vars": ["error", { vars: "all" }]
+		"no-unused-vars": "off", // Disable the default rule for unused variables
+		"@typescript-eslint/no-unused-vars": ["error", { vars: "all" }] // Enable TypeScript-specific rule for unused variables
+
 	},
 
 	settings: {

template/.eslintrc.js

@@ -7,26 +7,25 @@ import {PersistGate} from "redux-persist/integration/react";
 
 import useLocalize from "./src/hooks/useLocalize";
 import Navigation from "./src/navigation/Navigation";
-import store from "./src/redux/store";
+import store from "./src/redux/store"; 
 
 import "react-native-gesture-handler";
 
 const persistor = persistStore(store);
 
 const App = () => {
-    const {setI18nConfig} = useLocalize();
-
-    useEffect(() => {
-        setI18nConfig();
-    }, [setI18nConfig]);
-
-    return (
-        <Provider store={store}>
-            <PersistGate persistor={persistor}>
-                <Navigation />
-            </PersistGate>
-        </Provider>
-    );
+	const {setI18nConfig} = useLocalize();
+	useEffect(() => {
+		setI18nConfig();
+	}, [setI18nConfig]);
+
+	return (
+		<Provider store={store}>
+			<PersistGate persistor={persistor}>
+				<Navigation />
+			</PersistGate>
+		</Provider>
+	);
 };
 
 export default App;

template/App.js template/App.tsxtemplate/App.js renamed to template/App.tsx

@@ -0,0 +1 @@
+/// <reference types="nativewind/types" />

template/app.d.ts

@@ -1,24 +1,24 @@
 module.exports = {
-    presets: ["module:metro-react-native-babel-preset"],
-    plugins: [
-        [
-            "module-resolver",
-            {
-                root: ["./"],
-                alias: {
-                    "@api": "./src/api",
-                    "@screens": "./src/screens",
-                    "@components": "./src/components",
-                    "@navigation": "./src/navigation",
-                    "@redux": "./src/redux",
-                    "@assets": "./src/assets",
-                    "@hooks": "./src/hooks",
-                    "@utils": "./src/utils",
-                },
-            },
-        ],
-        "@babel/plugin-proposal-export-namespace-from",
-        "nativewind/babel",
-        "react-native-reanimated/plugin",
-    ],
+	presets: ["module:metro-react-native-babel-preset"],
+	plugins: [
+		[
+			"module-resolver",
+			{
+				root: ["./"],
+				alias: {
+					"@api": "./src/api",
+					"@screens": "./src/screens",
+					"@components": "./src/components",
+					"@navigation": "./src/navigation",
+					"@redux": "./src/redux",
+					"@assets": "./src/assets",
+					"@hooks": "./src/hooks",
+					"@utils": "./src/utils",
+				},
+			},
+		],
+		"@babel/plugin-proposal-export-namespace-from",
+		"nativewind/babel",
+		"react-native-reanimated/plugin",
+	],
 };

template/babel.config.js

@@ -5,6 +5,6 @@
 import {AppRegistry} from "react-native";
 
 import App from "./App";
-import {name as appName} from "./app.json";
+import {name} from "./app.json";
 
-AppRegistry.registerComponent(appName, () => App);
+AppRegistry.registerComponent(name, () => App);

template/index.js

@@ -793,4 +793,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: 55eb011f6491078310d39c6095b0268d9cbfc7c4
 
-COCOAPODS: 1.12.1
+COCOAPODS: 1.11.3

template/ios/Podfile.lock

@@ -211,7 +211,7 @@
 					};
 				};
 			};
-			buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "projectname" */;
+			buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "ProjectName" */;
 			compatibilityVersion = "Xcode 12.0";
 			developmentRegion = en;
 			hasScannedForEncodings = 0;
@@ -691,7 +691,7 @@
 			defaultConfigurationIsVisible = 0;
 			defaultConfigurationName = Release;
 		};
-		83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "projectname" */ = {
+		83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "ProjectName" */ = {
 			isa = XCConfigurationList;
 			buildConfigurations = (
 				83CBBA201A601CBA00E9B192 /* Debug */,