ランサーズ等のサービスを開発・運用する中で得た知識やノウハウを紹介しています。

Labels:  JavaScript 投稿者:takepo

React×ReduxにおけるTypeScript入門

@takepo です。
昨日01/21に【サポーターズ】React×ReduxにおけるTypeScript入門 というイベントで登壇させていただきました。その登壇の際の発表スライドをあげさせていただきます。

内容はTypeScriptの基本的な部分とReactやReduxの経験者向けのTypeScriptでの書き方の説明をサンプルコード付きでさせていただきました。

  • Typescriptとは
  • TypeScriptをはじめる方法
  • TypeScriptの型について
  • 一緒に入れると良いライブラリ
  • ReactのComponentを書く
  • Reduxのフローを書く
  • TypeScriptを導入してみて

サンプルコードを載せたリポジトリはこちら

ちなみに前回は「初心者のためのReact入門」というタイトルで登壇して、Reactの基本的なところを説明させていただきました。その際の記事はこちらなのでReactも合わせて抑えたい方はぜひご覧ください!

ランサーズではサービスを成長させてくれるエンジニア、デザイナーを募集しています!
ご興味がある方は、以下URLよりご応募ください。


【中途採用】
フロントエンドエンジニア
サーバーサイドエンジニア
コーポレートエンジニア
SREエンジニア

【新卒採用・その他】
21・22新卒
その他採用情報

関連記事

初心者に向けたサンプル付きReact入門と勉強法について

@takepo です。 先日、【サポーターズ勉強会】React入門 というイベントで再度登壇させていただきました。 その登壇の際のスライドをあげさせていただきます。 内容はReact初心者向けのものになっていて、コードサンプル付きで説明させていただきました。 …

thumbnail
React × Redux で action 発行時に確認ダイアログを挟む middleware の実装例

pookチームのtakepoです。 今回は、React × Redux でstateを変更する時にダイアログ等で確認表示を挟みたいときの良い方法をご紹介します。 その場合の例として、「ユーザーの情報を更新するとき、更新しても良いかを一度確認するダイアログ表示す …

thumbnail
コールバックスタイルの外部ライブラリなどの関数を redux-saga で使うには

森です。本日の課題とその対処です。 課題 外部ライブラリの関数が、コールバックスタイルのため、redux-saga の自前実装部分との実装の統一感がない。たとえば、navigator.geolocation.getCurrentPosition で現在地を取得 …