[React+Tailwind] Spinnerを TypeScript に書き直してみた | 心を無にして始める React
![Thumbnail of post image 073](https://neko-note.org/wp-content/uploads/image-173-150x150.png)
準備
書き直すベースはこちらの Spinner コンポーネントです。
JavaScriptベースの Spinner.js です。
import React, { forwardRef } from 'react';im ...[React+Tailwind] Flowbite で Spinner を表示してみる | 心を無にして始める React
![Thumbnail of post image 139](https://neko-note.org/wp-content/uploads/flowbite-thumbnail-150x150.png)
準備
Flowbite が使えるプロジェクトを準備します。
Spinner コンポーネントをつくる./src/components 配下に Spinner.js を作ります。
import React, { forwa ...[React+Tailwind] Sidebar を TypeScript に書き直してみた | 心を無にして始める React
![Thumbnail of post image 015](https://neko-note.org/wp-content/uploads/image-172-150x150.png)
準備
書き直すベースはこちらの Sidebar コンポーネントです。
JavaScriptベースの Sidebar.js です。
import React, { forwardRef } from 'react';im ...[React+Tailwind] Flowbite で Sidebar を表示してみる | 心を無にして始める React
![Thumbnail of post image 094](https://neko-note.org/wp-content/uploads/flowbite-thumbnail-150x150.png)
準備
Flowbite が使えるプロジェクトを準備します。
Sidebar コンポーネントをつくる./src/components 配下に Sidebar.js を作ります。
import React, { forwa ...[React+Tailwind] Rating を TypeScript に書き直してみた | 心を無にして始める React
![Thumbnail of post image 082](https://neko-note.org/wp-content/uploads/image-171-150x150.png)
準備
書き直すベースはこちらの Rating コンポーネントです。
JavaScriptベースの Rating.js です。
import React, { forwardRef } from 'react';impo ...[React+Tailwind] Flowbite で Rating を表示してみる | 心を無にして始める React
![Thumbnail of post image 002](https://neko-note.org/wp-content/uploads/flowbite-thumbnail-150x150.png)
準備
Flowbite が使えるプロジェクトを準備します。
Rating コンポーネントをつくる./src/components 配下に Rating.js を作ります。
import React, { forward ...[React+Tailwind] Progress を TypeScript に書き直してみた | 心を無にして始める React
![Thumbnail of post image 175](https://neko-note.org/wp-content/uploads/image-170-150x150.png)
準備
書き直すベースはこちらの Progress コンポーネントです。
JavaScriptベースの Progress.js です。
import React, { forwardRef } from 'react'; ...[React+Tailwind] Flowbite で Progress を表示してみる | 心を無にして始める React
![Thumbnail of post image 179](https://neko-note.org/wp-content/uploads/flowbite-thumbnail-150x150.png)
準備
Flowbite が使えるプロジェクトを準備します。
Progress コンポーネントをつくる./src/components 配下に Progress.js を作ります。
import React, { for ...[React+Tailwind] Pagination を TypeScript に書き直してみた | 心を無にして始める React
![Thumbnail of post image 164](https://neko-note.org/wp-content/uploads/image-169-150x150.png)
準備
書き直すベースはこちらの Pagination コンポーネントです。
JavaScriptベースの Pagination.js です。
import React, { forwardRef } from 'rea ...[React+Tailwind] Flowbite で Pagination を表示してみる | 心を無にして始める React
![Thumbnail of post image 155](https://neko-note.org/wp-content/uploads/flowbite-thumbnail-150x150.png)
準備
Flowbite が使えるプロジェクトを準備します。
Pagination コンポーネントをつくる./src/components 配下に Pagination.js を作ります。
import React, { ...