前提知識

React Nativeを用いてアプリを実装するには、JavaScript、TypeScript、Reactの知識が必要です。使用する技術の概要は以下のとおりです。

技術	説明
JavaScript	ウェブアプリ開発に用いられるスクリプト言語です。
TypeScript	JavaScriptに静的型付けを追加したプログラミング言語です。JavaScriptと上位互換性があり、静的型付けによりコード実行前にエラーを検出できます。その性質から、開発規模が大きくなるほどその効果を発揮します。
React	コンポーネントベースのアプローチで、ウェブアプリ開発に用いられるJavaScriptライブラリです。
React Native	Reactをベースにしたモバイルアプリのフレームワークです。
OpenAPI Specification	APIの仕様を記述するための標準規格です。 ※ ToDoアプリのREST APIとの接続とQ&AアプリのHTTP API通信時にOpenAPI Specificationの知識が必要となります。

ToDoアプリの実装例や解説を理解するために参考となるサイトを紹介します。用語やコード例でわからないことがあるときは参照してください。

JavaScriptやReactの知識がない方はまず参考サイトで学習してからToDoアプリの実装を進めてください。

参考サイト

Reactを学ぶにはJavaScriptの言語知識が必須です。 JavaScriptを触れたことがない人は、まずはJavaScriptの知識習得からお願いします。

JavaScript Primerは、JavaScriptの文法や機能を一から学べるサイトです。「第一部：基本文法」までの知識があれば、ひとまず充分です。基本文法の目次を見てわからないことがあれば学習してください。

サバイバルTypeScriptは、TypeScriptを最短ルートで実務利用できることを目指したサイトです。静的型付け言語での実装経験があれば、ToDoアプリの実装は進められます。

実務レベルに必要な一通りの知識が必要な場合はサバイバルTypeScriptで学習しましょう。読んで学ぶTypeScriptの見出しをみて内容がイメージできれば大丈夫です。

Reactを学ぶにはReact公式サイトが一番お勧めです。

Reactを利用したことがない人は「クイックスタート」からはじめてください。「LEARN REACT」の内容まで理解できていれば、最低限のReactの知識が身に付いています。わからない箇所があれば学習してください。

また、「APIリファレンス」に書かれている下記のフックは使用頻度が高いので、あらかじめ読んで理解しておくことをお勧めします。

OpenAPI Specificationの詳細については公式ドキュメント(英語版)を参考してください。

Swagger Editorを使用することでAPIのリクエスト、レスポンスなどの詳細を確認できます。 API仕様の内容をSwagger Editorのエディターに貼るとプレビューにその内容が表示されます。

その他のSwagger機能についてはWhat Is Swagger?を参照してください。