本記事では、動的なWebページを構築するフロントエンド開発の定番ライブラリー「React」の最新版であるバージョン19.2について、新機能を紹介していきます。新しく導入されたActivityとuseEffectEventを中心に、具体的なコード例とユ ...

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

Reactは仮想DOMにより効率的なレンダリングを提供しますが、不必要な再レンダリングやメモリ消費の増大は、体感速度を下げてしまう主因となります。 本記事では、React開発者が知っておくべきReact Profilerの使い方と活用術を、基礎から応用まで詳しく解説し ...

Reactってほんとに人気のフレームワークですよね笑 F12 や右クリック → 「検証」 → 「Console」タブで確認。 React のエラーは ...

JavaScriptライブラリ「React」ベースでのアプリケーション開発フレームワーク「React Native」の開発チームは現地時間12月6日、公式ブログで最新バージョン「React Native 0.73」のリリースを発表した。 最新バージョンでは、Android 14のサポートとAndroidアプリの構築 ...

React 18 では、開発モードで useEffect が 2 回実行されるようになった。これは、React の厳密モード (StrictMode) による意図的な挙動であり、潜在的なバグを検出しやすくするための変更である。 確認した環境 この現象を確認した環境は以下の通り。 next: v12.2.2 ...

TypeScriptとReactを愛するフロントエンドエンジニア。Web標準も好き。技術記事を書くのが趣味。 技術分野は成熟が進み、 新しい領域が急激に増えています。本コーナーでは技術へのタッチポイントを増やすことを目標に、 各分野で活躍されている方をお迎え ...

コンポーネント内部の条件によって、コンポーネントをレンダーしないで欲しい場合がある。 Reactの公式ドキュメントにもあるようにnullを返すようにすることを推奨されている。 提示した例のような場合は、nullを返すのがより一般的である。 稀なケース ...