[React+Tailwind] Button を TypeScript に書き直してみた | 心を無にして始める React
準備
書き直すベースはこちらの Button コンポーネントです。
JavaScriptベースの Button.js です。
import { forwardRef } from 'react';import { Bu ...[React+Tailwind] Flowbite で Button を表示してみる | 心を無にして始める React
準備
Flowbite が使えるプロジェクトを準備します。
Button コンポーネントをつくる./src/components 配下に Button.js を作ります。
import { forwardRef } f ...[React+Tailwind] Breadcrumb を TypeScript に書き直してみた | 心を無にして始める React
準備
書き直すベースはこちらの Breadcrumb コンポーネントです。
JavaScriptベースの Breadcrumb.js です。
import { forwardRef } from 'react';imp ...[React+Tailwind] Flowbite で Breadcrumb を表示してみる | 心を無にして始める React
準備
Flowbite が使えるプロジェクトを準備します。
Breadcrumb コンポーネントをつくる./src/components 配下に Breadcrumb.js を作ります。
import { forwar ...[Twitter] Card Validator のプレビューが表示されなくなったようです。
Card Validator
Twitter でURLを共有したときに、どんなふうに OGP画像 が表示されるかを確認できるサービスです。
けど、設定を確認してみようと思ったら、プレビューされなくて困りました (/ω\) ...
[React+Tailwind] Badge を TypeScript に書き直してみた | 心を無にして始める React
準備
書き直すベースはこちらの Badge コンポーネントです。
JavaScriptベースの Badge.js です。
import { forwardRef } from 'react';import { Badg ...[React+Tailwind] Flowbite で Badge を表示してみる | 心を無にして始める React
準備
Flowbite が使えるプロジェクトを準備します。
Badge コンポーネントをつくる./src/components 配下に Badge.js を作ります。
import { forwardRef } fro ...[React+Tailwind] Avatar を TypeScript に書き直してみた | 心を無にして始める React
準備
書き直すベースはこちらの Avatar コンポーネントです。
JavaScriptベースの Avatar.js です。
import { forwardRef } from 'react';import { Av ...[React+Tailwind] Flowbite で Avatar を表示してみる | 心を無にして始める React
準備
Flowbite が使えるプロジェクトを準備します。
Avatar コンポーネントをつくる./src/components 配下に Avatar.js を作ります。
import { forwardRef } f ...[React+Tailwind] Accordion を TypeScript に書き直してみた | 心を無にして始める React
準備
書き直すベースはこちらの Accordion コンポーネントです。
JavaScriptベースの Accordion.js です。
import { forwardRef } from 'react';impor ...