「swiper/react」をさわった時に少し触りやすいようにしたので、その時のコードです。 swiperjs.com 結果 使っているバージョン "react": "^18.2.0", "swiper": "^9.2.0", コンポーネント側 import type { FC, ReactNode } from 'react'; import { Children …

制作物 https://react-gsap-animation.netlify.app/ 対応したこと 左上の「Add Circle」を押したら、アニメーションのコンポーネントが表示される 要素のアニメーションはクリックされた分実行される アニメーションのコンポーネントについて 中央のアニメー…

CSS in JS でのlint(今回はemotion)の設定を行ったのときのその時に行ったことになります。 今回使用するパッケージのバージョン { "@types/react": "^17.0.2", "next": "^10.0.1", "react": "^17.0.1", "react-dom": "^17.0.1", "postcss-jsx": "^0.36.4", …

React + ESLintで設定を行なっているときに error 'React' was used before it was defined no-use-before-define の設定が出たので、その時の解消した方法です。 no-use-before-defineとは jsファイル内で変数を指定しているのに変数が使われていない時に出…

UIT#6 進化する React.jsへ行ってきていろいろと聞くことができたので、自分のメモがてらいろいろと記載します。 Hooks で作る React.FC 資料 : https://speakerdeck.com/takefumiyoshii/hooks-tezuo-ru-react-dot-fc サービスフロントエンドとアニメーシ…