React勉強会@福岡 vol.1(2019/01/25)の発表資料2つめです。
Gatsbyお試しReact勉強会@福岡 vol.1 / Jan 25th, 2019 ponday (@ponday_dev)
View Slide
Profile- ponday (Honda, Yusuke)- 株式会社ベガコーポレーション エンジニア- Like : TypeScript / Elixir / Python etc…- 日曜フロントエンドエンジニア- 副業もやってます
突然ですが
福岡市、 インフルエンザ 流行ってますね
Gatsbyの発表がキャンセルになってしまったのでGatsbyの話します
Gatsby
Gatsby- React製の静的サイトジェネレータ- 豊富なプラグインによる高い拡張性- 組み込みでGraphQL- ReactのHPもGatsbyを使ってるらしい- ググラビリティ△
チュートリアルやりなおした
触ってみた感想- (標準から外れないかぎり)簡単- ルーティングの面倒を見なくて良いのはすごく楽- JSファイル名 = URL- コンポーネント部分は普通のReact- 普通のReactなので結構好き勝手やれる- Reactのバージョンを上げてしまえばHooksも動いた
気になった点- Markdown配信までが意外と面倒- そもそもチュートリアルがMarkdown配信するまでの道のり- まだ日本語情報少ない(古いバージョンとか)- プラグインの選択が重要になりそう- すごい数ある- 手作業でもやれるけど、手数がまったく違う
おまけ
無意識でTypeScript用テンプレート作ってた
TypeScript化の手順- gatsby-plugin-typescriptを入れる- gatsby-config.jsでプラグインを読み込む- TypeScript関連のモジュールを入れる- @types/{node,react,react-dom}- typescript- tsconfig.jsonを書く
これだけ
動くの確認用にまたチュートリアルやった
これでGatsbyもTypeScriptで作れる!!
だけど......
Thank you !!