【フロントエンド】依存関係を持つフォーム設計の課題と解決
記事を投稿しました！
0
0
Comment0
24 search resultsShowing 1~20 results
Stocked
You need to log-in
【個人学習】React Hook Form × Zod × Storybook × Jest × React Testing Library
はじめに React、Next.js、TypeScriptを触れる中で、自身がより品質管理の面を強化したいと思い、導入するところから自己学習で勉強しました。 使用した主な技術は以下です。 Rea...
1
0
Comment0
React19×create-react-appで起こるエラー
Udemy講座をする際に、create-react-appでreactの開発環境を作成したらエラーが起こりました。 依存関係の競合のためエラーが発生 react@19.0.0がインストールされて...
3
2
Comment0
scssのmap機能で色指定するメリット・デメリット
実務で色指定をする際、SCSSのmap機能を使用しています。 SCSSのmap機能を使うと、keyとvalueのペアを定義できます。 定義しているscssファイルはこんな感じです。 styles...
1
0
Comment0
早期リターンが必要な場合、そうでない場合
早期リターンとは 早期リターンを行うことで、特定の条件を満たした場合にすぐに関数から抜け出すことができます。 必要な条件が満たされなかった場合に関数の処理を無駄に実行しないことで、保守性にも繋が...
2
0
Comment2
react-scrollを使ったページ内スクロールを実装・テストも作成
react-scrollを使ったページ内スクロールを実装します。 スクロールのトリガーとなるボタンをコーディングし、クリックイベントを追加します。 handleScrollToSearch関数が...
4
0
Comment0
フロントエンドの負債解消で取り組んだこと
はじめに この4ヶ月間で、フロントエンドのリポジトリにおける負債解消を行いました。取り組みに際しては、課題と目標を明確にし、計画的に進めることを意識しました。 開発環境 React v18 Ne...
3
0
Comment0
フロントエンドでスキルアップしたこと
はじめに・この記事の目的 私は職能デザイナーとして、フロントエンドの領域(React・Next)をベースとした自社サービスのフロントエンドの開発に携わっています。2024年の2月から約半年間で得...
8
2
Comment0
「7つの設計原理」をインプットして実装やレビューに活かす
はじめに 私は普段、サービスのフロント・デザイン面の実装をしています。 プリンシプルオブプログラミングを社内の輪読会で読み、私は第三章の「7つの設計原理」の章を担当しました。 「7つの設計原理」...
5
3
Comment0
Next.js Page Router まとめ【Routing】
この記事はNext.js Page Routerのドキュメントの自分用のメモ・まとめです。 今回は【Routing】の「Pages and Layouts」「Dynamic Routes」「Li...
1
0
Comment0
【React】Reactで破壊的メソッドを使うことは良くない
Reactでは破壊的メソッドの使用は推奨されていません。 破壊的メソッドとは 破壊的なメソッドとは、オブジェクトや配列などのデータ構造を変更する操作を指します。これらのメソッドは、元のデータ構造...
6
1
Comment0
【React・TypeScript】レビューに出す前に気をつけること
はじめに ReactやNext.jsのフロントエンドを実装しています。 見た目部分のデザイン面のコーディングを主に担当しています。 今回は実際最近いただいたレビューから、今後気をつけたいこと注意...
54
58
Comment0
React の最上位 API サスペンス (Suspense)についてメモ
Suspense <Suspense> コンポーネントは React の最上位 API に含まれる。<Suspense>は、React 16.6以降で導入されたコンポーネ...
13
4
Comment0
useState(state：コンポーネントのメモリ)のおさらい
はじめに Reactのドキュメント useState(state：コンポーネントのメモリ)についての備忘録です。 https://react.dev/learn/state-a-componen...
6
0
Comment0
useMemo 備忘録
useMemo と React.memo の違い useMemo:値をメモ化 React.memo:コンポーネントをメモ化 メモ化はキャッシュのこと。 キャッシュ化は、値を再計算せずに結果だけを...
2
2
Comment0
useEffect 備忘録
はじめに useEffectについて、以下の記事がとても分かりやすかったので、記事を読んでインプットしたものをまとめました。 他参考 useEffectの前に・・・ レンダリングについておさらい...
8
4
Comment0
【React】パフォーマンスの最適化(useCallback)
Reactのパフォーマンスについての備忘録です。 再レンダリングを防ぐための関数 React.memo useCallback useMemo React.memo 受け取ったpropsの値が同...
9
4
Comment0
Next.js 13の Route segmentsの仕組み・ServerComponentでできることできないこと
Next.js 13での主な新機能 Next.jsはバージョンアップされるたびに新しい機能が次々に追加されています。 今回はNext.js 13の中からRoute segmentsとServer...
11
0
Comment0
【Next.js】SSRの挙動について理解する(SSRの仕組み、CSRとの違い、getServerSideProps関数)
この記事は個人学習の備忘録です。 Udemyの講座【2023年最新】React(v18)完全入門ガイド｜Hooks、Next.js、Redux、TypeScript(CodeMafia) 上記を...
16
3
Comment0
【React】Next.jsの基本のレンダリング(CSR/SSR/SSG/ISR)
この記事は個人学習の備忘録です。 Udemyの講座【2023年最新】React(v18)完全入門ガイド｜Hooks、Next.js、Redux、TypeScript(CodeMafia) 上記を...
25
19
Comment0
24 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles