はてなブックマーク

コード書き始めてから1年くらいのNoobです。ぼちぼち、create-react-appにまかせっきりのスタイルから脱却を図ります。ついでに、JavaScript(以下js)で静的型付けを実現するTypeScript(以下ts)、状態管理周りのごちゃごちゃも一掃するためのRedux、それで非同期処理を行うためのRxJS6も導入します。 create-react-appをejectし、とりあえずtsとReduxを使った簡単なページを作成します。 学ぶこと TypeScriptの書き方 Reduxの基本的な使い方 Reduxでの非同期処理(redux-observable) ReactとTypeScriptとReduxの連携 この記事の対象読者としては、create-react-appで何か作ったことがあって、jsについて基本だけはわかるという人を想像しています。基本的に読んだ記事へのリンクを

=== 追記 === この記事を書いたのはだいぶ前ですが、それ以降Vueを触ることはなく、基本 React + TypeScript で開発しているので、現在の Vue の状況はよくわかりません。 が、Vuexのmapヘルパーはだいぶ型に弱そうとの話を見たため、追記させていただきます。 型は命！ =========== Vuexのドキュメントを読んでいて、mapStateの箇所で少し詰まった。理解すればすごい単純なことなのだが、あまりWEB上にドキュメントもなかったので、残しておく。 サンプルも作ってあります。記事中のコードは見やすさのためにimport文などを削ってあるので、完全なコードはサンプルからご確認ください。Vue CLI3を使って構築したため、vue-loaderを使っています。 まずはcomputedの理解から computedを使うことで、「今までthis.$store.s

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?