diff --git a/code/app/my-app/.gitignore b/code/app/base-app/.gitignore similarity index 97% rename from code/app/my-app/.gitignore rename to code/app/base-app/.gitignore index f8c6c2e8..d914c328 100644 --- a/code/app/my-app/.gitignore +++ b/code/app/base-app/.gitignore @@ -36,8 +36,6 @@ yarn-error.* # typescript *.tsbuildinfo -app-example - # generated native folders /ios /android diff --git a/code/app/base-app/.vscode/settings.json b/code/app/base-app/.vscode/settings.json new file mode 100644 index 00000000..b0d616e3 --- /dev/null +++ b/code/app/base-app/.vscode/settings.json @@ -0,0 +1,50 @@ +{ + // Disable the default formatter, use eslint instead + "prettier.enable": false, + "editor.formatOnSave": false, + + // Auto fix + "editor.codeActionsOnSave": { + "source.fixAll.eslint": "explicit", + "source.organizeImports": "never" + }, + + // Silent the stylistic rules in you IDE, but still auto fix them + "eslint.rules.customizations": [ + { "rule": "style/*", "severity": "off", "fixable": true }, + { "rule": "format/*", "severity": "off", "fixable": true }, + { "rule": "*-indent", "severity": "off", "fixable": true }, + { "rule": "*-spacing", "severity": "off", "fixable": true }, + { "rule": "*-spaces", "severity": "off", "fixable": true }, + { "rule": "*-order", "severity": "off", "fixable": true }, + { "rule": "*-dangle", "severity": "off", "fixable": true }, + { "rule": "*-newline", "severity": "off", "fixable": true }, + { "rule": "*quotes", "severity": "off", "fixable": true }, + { "rule": "*semi", "severity": "off", "fixable": true } + ], + + // Enable eslint for all supported languages + "eslint.validate": [ + "javascript", + "javascriptreact", + "typescript", + "typescriptreact", + "vue", + "html", + "markdown", + "json", + "jsonc", + "yaml", + "toml", + "xml", + "gql", + "graphql", + "astro", + "svelte", + "css", + "less", + "scss", + "pcss", + "postcss" + ] +} \ No newline at end of file diff --git a/code/app/base-app/App.tsx b/code/app/base-app/App.tsx new file mode 100644 index 00000000..55e822ce --- /dev/null +++ b/code/app/base-app/App.tsx @@ -0,0 +1,20 @@ +import { Button, Text, View } from 'react-native' +import { useCounter } from '@/hooks/useCounter' + +export default function App() { + const { count, increment, decrement, reset } = useCounter(0) + + return ( + + + Welcome to Nativewind! + + + Count: + {count} + + +