{"id":22088529,"url":"https://github.com/hchiam/learning-react-native","last_synced_at":"2026-04-28T22:35:42.369Z","repository":{"id":47712644,"uuid":"236426829","full_name":"hchiam/learning-react-native","owner":"hchiam","description":null,"archived":false,"fork":false,"pushed_at":"2021-08-18T03:01:48.000Z","size":490,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-17T04:48:05.079Z","etag":null,"topics":["react-native"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/hchiam.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}},"created_at":"2020-01-27T05:40:46.000Z","updated_at":"2021-08-18T03:01:51.000Z","dependencies_parsed_at":"2022-08-23T06:40:45.877Z","dependency_job_id":null,"html_url":"https://github.com/hchiam/learning-react-native","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hchiam/learning-react-native","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hchiam%2Flearning-react-native","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hchiam%2Flearning-react-native/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hchiam%2Flearning-react-native/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hchiam%2Flearning-react-native/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hchiam","download_url":"https://codeload.github.com/hchiam/learning-react-native/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hchiam%2Flearning-react-native/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32402672,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-28T19:38:08.556Z","status":"ssl_error","status_checked_at":"2026-04-28T19:37:55.688Z","response_time":56,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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"],"created_at":"2024-12-01T02:08:46.782Z","updated_at":"2026-04-28T22:35:42.355Z","avatar_url":"https://github.com/hchiam.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Learning [React Native](https://facebook.github.io/react-native)\n\nJust one of the things I'm learning. \u003chttps://github.com/hchiam/learning\u003e\n\nGenerate native Android and native iOS components using one code base (although you can make platform-specific code with [platform detection or file extensions](https://reactnative.dev/docs/platform-specific-code)).\n\nCore/Custom/Community components ∈ React Native components ∈ React components.\n\nCore components: `\u003cView\u003e`/[`\u003cScrollView\u003e`](https://reactnative.dev/docs/using-a-scrollview), `\u003cText\u003e`/[`\u003cTextInput\u003e`](https://reactnative.dev/docs/handling-text-input), `\u003cImage\u003e`, [`\u003cFlatList\u003e`/`\u003cSectionList\u003e`](https://reactnative.dev/docs/using-a-listview) and [more core components and APIs](https://reactnative.dev/docs/components-and-apis) like [`\u003cActivityIndicator\u003e`](https://reactnative.dev/docs/activityindicator), [`\u003cKeyboardAvoidingView\u003e`](https://reactnative.dev/docs/keyboardavoidingview), [`\u003cModal\u003e`](https://reactnative.dev/docs/modal), [`\u003cPressable\u003e`](https://reactnative.dev/docs/pressable).\n\nThere's also more docs on [various APIs](https://reactnative.dev/docs/accessibilityinfo) like detecting reduced motion or screen reader state with `AccessibilityInfo` (from `react-native`).\n\n\u003chttps://facebook.github.io/react-native/docs/getting-started\u003e\n\n## Setup from scratch\n\n\u003chttps://reactnative.dev/docs/environment-setup\u003e\n\n## Setup from this repo\n\n```bash\nnpm install -g expo-cli\ncd learning-react-native\nnpm install\nnpm start\n# hit the \"w\" key to run in browser\n# http://192.168.0.165:19006/\n# open developer tools and choose a mobile device\n# when you make changes, the preview will automatically reload\n```\n\nor:\n\n```bash\nyarn global add expo-cli\ncd learning-react-native\nyarn\nyarn dev\n```\n\n## Troubleshooting\n\nIf you see the localhost page automatically open in your browser, but your mobile device fails upon connecting with the default settings (via the QR code scan within the Expo Go app), try setting the connection to \"Tunnel\".\n\nIf you see a console error about something like the SDK version being incompatible, or react native version mismatch in Expo Go on your mobile device,try hitting the dismiss button and see if the demo still works for now. You might need to run `expo update` to automatically update all dependencies to be compatible in the `app.json` and `package.json` for you.\n\nIf you still can't get it to work on a real mobile device, you can still simulate mobile in a browser by hitting the \"w\" key in the terminal to run in browser.\n\n## Differences between React Native and Flutter\n\n\u003chttps://flutter.dev/docs/get-started/flutter-for/react-native-devs\u003e\n\n## Random notes\n\n- [styling: flexbox has different defaults in React Native](https://reactnative.dev/docs/flexbox)\n\n- [linking - open links or deep links](https://reactnative.dev/docs/linking)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhchiam%2Flearning-react-native","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhchiam%2Flearning-react-native","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhchiam%2Flearning-react-native/lists"}