{"id":21051436,"url":"https://github.com/aiherrera/react-expo-template","last_synced_at":"2025-04-12T17:14:49.989Z","repository":{"id":156962864,"uuid":"631421414","full_name":"aiherrera/react-expo-template","owner":"aiherrera","description":"React Native Expo template preconfigured with NativeWind, React Native Paper, and Prettier. ","archived":false,"fork":false,"pushed_at":"2023-04-27T04:07:09.000Z","size":417,"stargazers_count":15,"open_issues_count":0,"forks_count":8,"subscribers_count":2,"default_branch":"development","last_synced_at":"2025-04-12T17:14:42.517Z","etag":null,"topics":["expo","nativewind-reactnative","react-native","reactnativepaper"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aiherrera.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-23T01:10:03.000Z","updated_at":"2025-02-27T21:09:42.000Z","dependencies_parsed_at":null,"dependency_job_id":"a160eb07-b15a-4148-9a52-21a59eaa1269","html_url":"https://github.com/aiherrera/react-expo-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aiherrera%2Freact-expo-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aiherrera%2Freact-expo-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aiherrera%2Freact-expo-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aiherrera%2Freact-expo-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aiherrera","download_url":"https://codeload.github.com/aiherrera/react-expo-template/tar.gz/refs/heads/development","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248602313,"owners_count":21131616,"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":["expo","nativewind-reactnative","react-native","reactnativepaper"],"created_at":"2024-11-19T15:56:54.230Z","updated_at":"2025-04-12T17:14:49.966Z","avatar_url":"https://github.com/aiherrera.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Native Expo project preconfigured with NativeWind, React Native Paper and Prettier\n\nThis is a React Native Expo template preconfigured with [NativeWind](https://www.nativewind.dev/), [React Native Paper](https://callstack.github.io/react-native-paper/), and [Prettier](https://prettier.io/). NativeWind NativeWind uses Tailwind CSS as scripting language to create a universal style system for React Native, while React Native Paper is a Cross-platform Material Design for React Native. Prettier is a code formatter that helps ensure consistent code formatting across the project.\n\n_This project is a Tab based starter._\n\n## Installation\n\n1. Clone the repository to your local machine.\n2. Install dependencies by running `npm install` or `yarn`.\n3. Start the development server by running `npm start` or `yarn start`.\n\n## Project Structure\n\n```\nproject\n├── app\n│   ├── (tabs)\n│   │   ├── _layout\n│   │   ├── index.tsx\n│   │   └── two.tsx\n│   ├── _layout.tsx\n│   ├── [...missing].tsx\n│   └── modal.tsx\n├── assets\n│   ├── fonts\n│   └── images\n├── components\n│   ├── ExternalLink.tsx\n│   ├── StyledText.tsx\n│   └── Themed.tsx\n├── constants\n│   └── Colors.tsx\n├── .gitignore\n├── .prettierignore\n├── .prettierrc\n├── app.json\n├── babel.config.js\n├── index.ts\n├── nativewind.d.ts\n├── package-lock.json\n├── package.json\n├── README.md\n├── tailwind.config.js\n└── tsconfig.json\n```\n\n## Usage\n\n### Tailwinds\n\nTailwinds comes preconfigured in this template, so no additional configuration needs to be done in order to start using it.\n\n```jsx\nimport { View, Text } from 'react-native'\n\nconst MyComponent = () =\u003e {\n  return (\n    \u003cView className='flex-1 items-center justify-center'\u003e\n      \u003cText className='text-2xl font-bold text-center'\u003eHello World!\u003c/Text\u003e\n    \u003c/View\u003e\n  )\n}\n```\n\n### React Native Paper\n\nTo use React Native Paper, import it at the top of the file and use its components as necessary:\n\n```jsx\nimport { Button } from 'react-native-paper'\nimport { Alert } from 'react-native'\n\nconst MyComponent = () =\u003e {\n  return (\n    \u003cButton mode='contained' onPress={() =\u003e Alert.alert('Paper button is working!')}\u003e\n      Paper button\n    \u003c/Button\u003e\n  )\n}\n```\n\n### Prettier\n\nPrettier is preconfigured with this project to format the code on save. You can modify the Prettier configuration by editing the `.prettierrc` file.\n\n## License\n\nThis project is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faiherrera%2Freact-expo-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faiherrera%2Freact-expo-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faiherrera%2Freact-expo-template/lists"}