{"id":16327653,"url":"https://github.com/hisasann/news-app","last_synced_at":"2026-04-12T10:45:17.955Z","repository":{"id":136895167,"uuid":"240854426","full_name":"hisasann/news-app","owner":"hisasann","description":"React Native 入門 Udemy  の写経用リポジトリ","archived":false,"fork":false,"pushed_at":"2023-12-15T08:32:17.000Z","size":976,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-17T08:28:28.120Z","etag":null,"topics":["react","react-native","redux","udemy"],"latest_commit_sha":null,"homepage":"","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/hisasann.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":"2020-02-16T08:08:20.000Z","updated_at":"2020-03-28T06:33:39.000Z","dependencies_parsed_at":"2024-11-06T19:50:14.488Z","dependency_job_id":"e0b89b75-b89c-45d9-a4b4-954d2b3f3486","html_url":"https://github.com/hisasann/news-app","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/hisasann%2Fnews-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hisasann%2Fnews-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hisasann%2Fnews-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hisasann%2Fnews-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hisasann","download_url":"https://codeload.github.com/hisasann/news-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254264841,"owners_count":22041795,"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","react-native","redux","udemy"],"created_at":"2024-10-10T23:12:08.840Z","updated_at":"2025-12-30T23:04:58.774Z","avatar_url":"https://github.com/hisasann.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🧰 news-app\n\n[React Native入門：ニュースアプリを作りながら覚えよう/Hooks対応 2020年版 | Udemy](https://www.udemy.com/course/react-native-first-step/)\n\n## expo-cliをインストールする\n\n[Expo — Learn how](https://expo.io/learn)\n\n```bash\n$ npm install expo-cli --global\n```\n\n## expoプロジェクトを作成する\n\n```bash\nexpo init my-new-project\ncd my-new-project\n```\n\n## expoプロジェクトを起動する\n\n```bash\nexpo start\n```\n\n## react-navigationのv4について\n\nこちらのコースでは `react-navigation` が、最新の v5 ではなく **v4** をベースに作られているので、\n\n見るドキュメントとコードに少し違いが出てきます。\n\n以下のようにバージョン指定して行うことで動作は問題なくできました。\n\n```bash\n$ yarn add react-navigation@4.0.10\n$ yarn add react-navigation-stack@1.10.3\n$ expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view\n```\n\n[Getting started · React Navigation](https://reactnavigation.org/docs/en/4.x/getting-started.html)\n\n## React Native Debuggerを使ってみる\n\nHomebrew で `react-native-debugger` をインストールします。\n\n```bash\n$ brew update \u0026\u0026 brew cask install react-native-debugger\n```\n\n[jhen0409/react-native-debugger: The standalone app based on official debugger of React Native, and includes React Inspector / Redux DevTools](https://github.com/jhen0409/react-native-debugger)\n\n続いて、 ReactNative プロジェクトのディレクトリで以下を実行します。\n\n```bash\n$ yarn add redux-devtools-extension\n```\n\n[zalmoxisus/redux-devtools-extension: Redux DevTools extension.](https://github.com/zalmoxisus/redux-devtools-extension)\n\nRedux を React Native Debugger でデバッグできるようにします。\n\n```javascript\nimport { composeWithDevTools } from 'redux-devtools-extension';\n\n...\n\nconst store = createStore(rootReducer, composeWithDevTools());\n```\n\nalfred で **React Native Debugger.app** を起動します。\n\niOS シミュレーター側で `Command + D` -\u003e Debug Remote JS をクリックします。\n\nこれで、 ReactNativeDebugger と iOS シミュレーターがコネクトされます。\n\n## 参考リンク\n\n* [Lorem Picsum](https://picsum.photos/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhisasann%2Fnews-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhisasann%2Fnews-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhisasann%2Fnews-app/lists"}