React native vol3
Download as PPTX, PDF1 like442 views
Nov. 24, 2016 React Native vol.3 GraphQL & Relay
React native vol3
- 1. Copyright © BizReach, Inc. All Right Reserved. React Native vol. 3 GraphQL & Relay Nov. 24, 2016 1
- 2. Copyright © BizReach, Inc. All Right Reserved. WHOAMI 2 Name : Kohei TAKATA GitHub : kohei-takata twitter : @kohei_takata Node.js, frontend, Mobile Apps
- 3. Copyright © BizReach, Inc. All Right Reserved. TODO 3 1. Introduce GraphQL and Relay 2. Do tutorial of Relay https://facebook.github.io/relay 3. Rewrite tuts using React Native
- 4. Copyright © BizReach, Inc. All Right Reserved. GraphQL http://graphql.org/ 4 クエリ言語 created by Facebook Inc. 結果がクエリと同じ形式で返ってくる エンドポイントは1つ 型を持っている。
- 5. Copyright © BizReach, Inc. All Right Reserved. 嬉しいこと 5 リクエストが1回ですむ。 可読性が高い クライアント側の細かい仕様変更に応じてサーバ側で APIを修正する必要がない
- 6. Copyright © BizReach, Inc. All Right Reserved. Relay https://facebook.github.io/relay/ 6 データ駆動の React のアプリ開発フレームワーク created by Facebook Inc. React のコンポーネントをラップ UI = view(query(props))
- 7. Copyright © BizReach, Inc. All Right Reserved. 嬉しいこと 7 データを fetch してコンポーネントに渡す手間が省ける。 遅延ロード データの部分取得が可能
- 8. Copyright © BizReach, Inc. All Right Reserved. Tutorial time 8 https://facebook.github.io/relay/ git clone https://github.com/relayjs/relay-starter- kit.git
Editor's Notes
- #2: Wifiのパスはこんなかんじーですー。
- #3: 自己紹介をさせていただきます。 高田孝平といいます。 SNSはだいたいこんな感じのIDで活動してます。 仕事ではヒカリエのすごい近くのビルでJava書いたりReact書いたりしてます。 興味はNode.js含むJSとかフロントエンドのJSフレームワーク、あと最近はスマホアプリに興味がありまーす。
- #4: 今日の全体の目標としては、React Native を題材に、GraphQLやRelayを触ってみようというものです。 まずはじめにGraphQLとRelayについて、解説をします。 次に、facebook公式のチュートリアルを通して、実際にGraphQLとRelayを使ってみましょう。 最後に、それらをReact Nativeで書き換えてみましょう。 そして、アプリからサーバーに対してどのようにアクセスするか学びましょう。