TypeScript

ReactでGenerics Componentを作る

React、TypeScriptでの実装の話。Reactのコンポーネントの型付けにGenericsを使いたいケース。したいことコンポーネントの型付けにGenericsを使いたい。具体例実際にあったのがこんなケースこんなListコンポーネントがある

React, Reduxのお型付け

React, ReduxのTypeScriptでの型付けのベストプラクティスです。勉強会で発表したので簡単にブログにまとめます。 はじめにスライドは以下のページにあります。【参考】

TypeScriptのBigIntを触ってみる

TypeScript Advent Calendar 2018の22日目の記事です。こんにちは

最新版のTypeScriptを使うための環境構築

つい先日にTypeScriptの3.2がリリースされました。新しい機能がいろいろ入ったので早速使ってみようと思ったのですが、既存の環境をアップデートして、使える状態にするまでに手こずったのでその時のメモ。 今回は大きく分けて、TypeScript、node.js、VSCodeの3つの設定を触りました。一つずつ書いていきます。既

手を動かして学ぶIteratorパターン@TypeScript

phpで書かれた記事。これをTSでやってみる。https://liginc.co.jp/web/programming/php/146455Iteratorパターンの使いみち実装してみるここにTSの最小のテンプレート(と、その作り方)があるので、実際に手を動かして作って見る場合は参考にしてみてください。https://github.com/mrs

ReactNaticeとReduxでGithub検索アプリを作った

前のToDoアプリ制作に引き続き、ReactNativeの練習がてらGithub検索アプリを作りました。 早急に必要そうなものを突っ込んだので、統一感どこ行ったという感じになりましたが一応できました。コードはG

recomposeのwithStateとwithHandlersをコードリーディングする

前回の記事の続きです。 recomposeでよく使われるAPIである、「withState」と「withHan…

TypeScript+recomposeでpropsを伝達するときにぶつかった問題などについて

なんかパッと出てこなかったのでメモ

ReactNativeとTypeScriptでDucksデザインパターンを試してみた

Reduxのディレクトリ構成の一つにDucksというデザインパターンがあるみたいで、けっこう良さそうなので採用してみました。   以下の例ではドメインをpage1,page2と分けています。 ドメインというのは、まとまりのある機能ごとのページのようなものです。 LINEアプリで言えば、page1が「友だちのページ」、page2が「トークのページ」のようなイメージです。  

ReactNativeとTypeScriptとAtomicDesignでTodoアプリを作った

この度、仕事としてReactNativeをバリバリ開発することになったので、 その勉強がてらTodoアプリを作ってみました。 経緯Reactでアプリを作ってみたり