frontend.md

フロントエンド

技術スタック

以下がメインで使われています。

• React
• TypeScript
• GraphQL
  • Nexus (BFF Server)
  • Apollo Client

また、一部の古いページには、Haml, JavaScript, Angular が用いられています。

参考リンク

開発の際の参考にすると良いリファレンス

React

• React ドキュメント 以下の章は特にお勧めの章です。
  • フックの導入
  • Reactの流儀
• Presentational and Container Components 設計の考え方として参考にしています。
• Storybook コンポーネント開発にはStorybookを用いています。

TypeScript

• TypeScript 公式ドキュメント
• TypeScript Deep Dive TypeScript だけではなくJavaScript や JSX 記法、React にも触れられて、特に初学者にお勧めです。
  • 日本語ver: https://typescript-jp.gitbook.io/deep-dive/

BFF

• フロントエンドに型の秩序を与えるGraphQLとTypeScript BFFによるスキーマファーストな開発を行なっています。
• Web API に秩序を与える Protocol Buffers BFFより裏側の Web API のスキーマ管理には Protocol Buffers を使用しています。

Design Syetem

• React でデザインシステムを正しく実装する - コンポーネントカタログを超えて
• Wantedly UI Components

その他

• frolint Wantedly共通のLint設定が含まれています。