概要

タイトル通り。バックエンドにRails（API）、フロントエンドにReactを採用したマッチングアプリ的なものを作ってみたのでアウトプットしておきます。


完成イメージ



割とそれっぽい雰囲気になってます。


使用...

Material UIは動くサンプルをカタログ的に選んですぐ使えますが、
一方で、理解できていないまま使ってしまうということにもなりがちです。
私は特にテーブルコンポーネントを扱うときに、ちょっと雑に扱っていた気がします。

コンポー...

こんな感じのやつを実装したい

youtubeでどうがを読み込んでいる際に下記のようなロード状態になると思います。
このロード状態を表すMaterialUIのスケルトンを今回は実装していきます。



実装例

実装方法は意外とシンプ...

React (TypeScript) のプロジェクトにおいて Material-UI と Emotion (CSS in JS) を併用するときに、役に立つかもしれない準備的な話になります。


前提

create-react-ap...

主にスキル向上を目的に、ポートフォリオとしてタスク管理アプリを作成しました。このページでは、主にフロントエンドを構成するために必要な実装とそのために利用したパッケージ及びそれらの初期設定などについて触れていきます。

アプリケーシ...

ReactやVue、Angularが普及した現代のフロントエンド開発において、NextやNuxtのようなフレームワーク（パッケージ）は欠かせないと言えるでしょう。単にSSRやSSGだけでなく、さまざまな最適化を任せることができます。一...

Ratingコンポーネントの星の数を制御したい

Ratingコンポーネントでデフォルトの５つ星から、数を増減させたりゼロにさせないようにしたい場面に遭遇しました。

ここではその方法について記載します。

なお、星をゼロにしない方法...

はじめに

MUIでソート可能なテーブルを作りたかったのですが、MUIのサンプルはCheckBox、FormControlLabelなどシンプルなものを作るときには不要な機能もついていて、少し分かりにくかったです。
なので、不要な...