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

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よりご応募ください。


【中途採用】
サービスリードエンジニア
テックリード(アーキテクト)
フロントエンドエンジニア
サーバーサイドエンジニア
業務エンジニア(社内システム基盤・基幹システム)

【インターン・学生バイト】
19新卒対象サマーインターン
エンジニアインターン

その他採用情報

関連記事

5分で完了!Webサイトに簡単にチュートリアルが作れるIntro.jsの使い方

こんにちは。 開発部の 神庭(godgarden)です。   先日、サービスの操作説明をするために、操作マニュアル(チュートリアル)ようなものを作りたいって要望があり、少しだけ調べる機会がありました。 操作マニュアル(チュートリアル)といえば、前職の …

thumbnail
redux-persist でブラウザストレージに一部のデータを保存しつつ、ストアに復旧するまで render を防ぐには

森です。 課題 redux-persist を使っていて、ブラウザリロード時にブラウザストレージからストアにデータを復旧する前に render されるのを防ぎたい。ストアに値があることが前提のコンポーネントでエラーになるから。公式ドキュメントとしてレシピがあっ …

チャットワークをもっと使いやすくする拡張機能を作った

こんにちはエンジニアの上野です。 2016年のAdventCalendar も残すところあと僅か! 12/5の投稿(githubのissue, pull request 検索をハックする!)に引き続き、今日はチャットワークの拡張プラグインのご紹介です。エンジニ …