[React+Tailwind] Navbar を TypeScript に書き直してみた | 心を無にして始める React
準備
書き直すベースはこちらの Navbar コンポーネントです。
JavaScriptベースの Navbar.js です。
import React, { forwardRef } from 'react';impo ...[React+Tailwind] Modal を TypeScript に書き直してみた | 心を無にして始める React
準備
書き直すベースはこちらの Modal コンポーネントです。
JavaScriptベースの Modal.js です。
import React, { forwardRef } from 'react';import ...[React+Tailwind] ListGroup を TypeScript に書き直してみた | 心を無にして始める React
準備
書き直すベースはこちらの ListGroup コンポーネントです。
JavaScriptベースの ListGroup.js です。
import React, { ComponentProps, forwardR ...[React+Tailwind] Footer を TypeScript に書き直してみた | 心を無にして始める React
準備
書き直すベースはこちらの Footer コンポーネントです。
JavaScriptベースの Footer.js です。
import { forwardRef } from 'react';import { Fo ...[React+Tailwind] Form を TypeScript に書き直してみた | 心を無にして始める React
準備
書き直すベースはこちらの Form コンポーネントです。
JavaScriptベースの Form.js です。
import { forwardRef } from 'react';import { Checkb ...[React+Tailwind] Dropdown を TypeScript に書き直してみた | 心を無にして始める React
準備
書き直すベースはこちらの Dropdown コンポーネントです。
JavaScriptベースの Dropdown.js です。
import { forwardRef } from 'react';import ...[React+Tailwind] Carousel を TypeScript に書き直してみた | 心を無にして始める React
準備
書き直すベースはこちらの Carousel コンポーネントです。
JavaScriptベースの Carousel.js です。
import { forwardRef } from 'react';import ...[React+Tailwind] Card を TypeScript に書き直してみた | 心を無にして始める React
準備
書き直すベースはこちらの Card コンポーネントです。
JavaScriptベースの Card.js です。
import { forwardRef } from 'react';import { Card a ...[React+Tailwind] ButtonGroup を TypeScript に書き直してみた | 心を無にして始める React
準備
書き直すベースはこちらの Button コンポーネントです。
JavaScriptベースの Button.js です。
import { forwardRef } from 'react';import { Bu ...[React+Tailwind] Button を TypeScript に書き直してみた | 心を無にして始める React
準備
書き直すベースはこちらの Button コンポーネントです。
JavaScriptベースの Button.js です。
import { forwardRef } from 'react';import { Bu ...