React– category –
-
React Hook Form（Zodで型推論）Notionクローンアプリの認証、フォーム送信で実装
React Hook Form は、Reactでフォームを扱うためのライブラリです https://react-hook-form.com フォームの入力内容はuseStateで管理しない 通常フォームの入力内はuseStateで入力内容変更のたびに再レンダリングされて、いつでもアクセス可能な値として管... -
React でアプリ作成
StackBlitz githubで認証試すが利用できない JavaScriptにてtodoアプリ 追加 未完了のTODO 完了のTODO React VSCode インストール 参考記事：https://teto-tech.com/article/react-start1 Node.jsのインストール ▼「my-app」を作成 → この中に環境が構築... -
【@wordpress/scripts】でオリジナルブロック作成（リッチテキストツールバー、動的CTAリンク）
@wordpress/scriptsとは @wordpress/scriptsは、WordPressのブロックエディタやプラグイン開発のためのビルドツールパッケージです。 React・JSXを使ったモダンなJavaScript開発環境をWordPressプロジェクトに簡単に導入できます！ webpackやBabelなどの複... -
Shadcn/UI 入門：React で洗練された UI コンポーネントを作る
こんにちは！ 今回は、React のプロジェクトで洗練された UI コンポーネントを簡単に作成できる「shadcn/ui」について紹介します。Web 開発をしていると「もっとスタイリッシュなコンポーネントを作りたいけど、手間がかかるなあ…」と感じたことはありませ... -
【Next.js TypeScript 】React Swiper カルーセルスライダー実装、スライドが中央寄せにする方法
完成イメージ 手順 Next.js プロジェクトを用意します npx create-next-app@latest my-carousel-app プロジェクトに必要な依存関係をインストール Swiperと必要なアイコンライブラリをインストールします # Swiperのインストール npm install swiper # Fon...
1