{"id":17821870,"url":"https://github.com/naveteam/react-native-nave-typescript","last_synced_at":"2025-03-18T11:30:43.238Z","repository":{"id":41992500,"uuid":"366139215","full_name":"naveteam/react-native-nave-typescript","owner":"naveteam","description":"React Native Template for a quick start with typescript and other features","archived":false,"fork":false,"pushed_at":"2022-08-08T14:19:32.000Z","size":1293,"stargazers_count":4,"open_issues_count":2,"forks_count":1,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-03-05T00:33:01.697Z","etag":null,"topics":["react-native","styled-compoents","styled-system","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/naveteam.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-05-10T18:26:05.000Z","updated_at":"2022-07-13T18:01:17.000Z","dependencies_parsed_at":"2022-09-02T01:51:33.037Z","dependency_job_id":null,"html_url":"https://github.com/naveteam/react-native-nave-typescript","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naveteam%2Freact-native-nave-typescript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naveteam%2Freact-native-nave-typescript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naveteam%2Freact-native-nave-typescript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naveteam%2Freact-native-nave-typescript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/naveteam","download_url":"https://codeload.github.com/naveteam/react-native-nave-typescript/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243769980,"owners_count":20345217,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react-native","styled-compoents","styled-system","typescript"],"created_at":"2024-10-27T17:26:52.108Z","updated_at":"2025-03-18T11:30:42.378Z","avatar_url":"https://github.com/naveteam.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# :rocket: React Native Template Nave Typescript\n\n\u003e React Native Template for a quick start with typescript and other features\n\n## :arrow_forward: Usage\n\n```sh\nnpx react-native init MyApp --template react-native-template-nave-typescript\n```\n\n## :star: Packages already configured\n\n- [Typescript](https://github.com/microsoft/TypeScript)\n- [Axios](https://github.com/axios/axios)\n- [Module resolver](https://github.com/benmosher/eslint-plugin-import)\n- [Styled-components](https://styled-components.com/)\n- [React-navigation](https://github.com/styled-components)\n- [Reactotron](https://github.com/infinitered/reactotron)\n\n## :computer: Code pattern\n\nBesides of all the things talked in the [nave guide](https://nave.gitlab.io/guides/nave/code-guide/), as import standards and best practices using Javascript, there are some best practices to be used, mainly in components and pages creation.\n\n1. Avoid to use unnecessary styleds. We already have the Row, Column, Button and Text component deal with that on pages. Besides that, the mentioned components have the styled-system, that allows to pass margins, padding and anothers ones throught props.\n2. In a new component creating, always think about the use of [styled-system](https://styled-system.com/getting-started/).\n3. NEVER repeat the same code 2 times. Do not copy and paste, instead of this, create some helpers and components. Make your code reusable.\n4. If you need to create a new component with variants, take a look at the Text component and use the variant prop from the styled-system.\n5. Follow the code pattern and folder standard.\n\n## :wrench: Running \u0026 Testing\n\nTo run this template as a app in your environment follow these steps\n\nClone the repository\n\n```sh\ngit clone https://github.com/naveteam/react-native-nave-typescript.git\n```\n\nIf you use SSH keys on Github\n\n```sh\ngit clone git@github.com:naveteam/react-native-nave-typescript.git\n```\n\n```sh\ncd react-native-nave-typescript/template\n```\n\nCreate the following files, under the template's directory, with the content on their respective `files.example` file found in this repository\n\n- .prettierrs.js\n- .eslintrc.js\n- .buckconfig\n- .watchmanconfig\n\nInstalling the app dependencies\n\n```sh\nyarn \u0026\u0026 yarn pod-install\n```\n\nRunning the application\n\nAndroid\n\n```sh\nyarn android\n```\n\niOS\n\n```sh\nyarn ios\n```\n\nAndroid\n\n```sh\nyarn android\n```\n\niOS\n\n```sh\nyarn ios\n```\n\nIn [package.json](https://github.com/naveteam/react-native-nave-typescript/blob/main/template/package.json) on the `scripts` section there are more scripts to manage the application.\n\nRunning tests\n\nAndroid\n\n```sh\ndetox build --configuration \"android.release\"\n\n\nyarn detox-android-release\n\n```\n\niOS\n\n```sh\n\ndetox build --configuration \"ios.release\"\n\n\nyarn detox-ios-release\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnaveteam%2Freact-native-nave-typescript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnaveteam%2Freact-native-nave-typescript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnaveteam%2Freact-native-nave-typescript/lists"}