ぼほーらぼ
Tag – react
4 posts tagged with "react" (See all tags)

TTypescriptでJSXでdefaultPropsをサポートしてくれたので試してみる

2019-06-08T02:39:13.780Z1 Min Read — In javascript

目次はじめにやってみるまとめはじめに今回はTypescriptで新しく導入されたrestとspreadに配列で型付けを試してみたいと思います。やってみる今までの書き方は以下のような感じ。interface中で!をつけていないとエラーが出てしまう。なぜなら静的なデフォルトの値が入る前に型判定が行われていまうからだ。そうすると中身がnullになってしまう。そこで!をつけてnull…

RReact Meetupに参加してきたので内容をまとめてみた

2019-05-30T00:56:09.018Z2 Min Read — In event

目次はじめにReactの情報収集Story BookCSS in JSReactのhooksSSRbundleするファイルを減らすまとめはじめに今回はReactのMeetup、勉強会に参加してきました。今回はそこで学んだ知識を記録に残していきます。Reactの情報収集基本的には1次資料を探しましょう。特に公式ドキュメントや開発メンバーのTwitterやブログには要注意です。他にも参考になるものとしてはReactを学ぶ上で特に参考になります。Facebook…

GGatsbyのブログに目次を追加する

2019-05-19T05:29:23.205Z1 Min Read — In javascript

目次はじめにgatsby-remark-tocの設定まとめはじめにブログを見やすくして、構造化させるのに必須の項目「目次」を設定したのでその方法を記録に残したいと思います。いちいち自分でマークダウンの目次を書くのが面倒くさいので自動で目次を生成してくれる良さそうなプラグインないかなと思いました。最初はgatsby-transformer-remarkに標準で搭載されている機能を利用しようとしたのですが、リンクがうまく効かずに404エラーが出てしまっています。そこで今回利用したのが「gatsby…

TTypescriptとRedux Formを利用してフォーム処理を実装

2019-05-12T03:03:58.667Z7 Min Read — In javascript

目次はじめになぜRedux Formを利用するのかフォームの仕様実装まとめはじめに現在Typescript、React、Gatsby、NetlifyCMSを利用してこのブログを構築しています。まだお問い合わせ機能ができていないので、今回はそのフォーム処理を実装していきます。フォームを実装するにあたり今回利用するライブラリはReduxとRedux Formです。今回はRedux Formの使い方をメインに紹介していきます。なぜRedux Formを利用するのかまず簡単にRedux…