React Devtoolsを使ってボトルネックを探す ではReact Devtoolsを使ってボトルネックになっているコンポーネントを探しましょう。 今回は以下のようなカウンターとFlatListから構成されるサンプルアプリを用意しました。

React Profilerとは？ React Profilerは、 どのコンポーネントが何回レンダリングされ、どのくらい時間がかかったのか を視覚的に分析できるツールです。 React DevToolsに統合されており、 実行時のレンダリングコスト を把握するのに最適です。

JavaScriptライブラリ「React」ベースでのアプリケーション開発フレームワーク「React Native」の開発チームは現地時間12月6日、公式ブログで最新 ...

Reactは、その効率的なコンポーネントベースのアーキテクチャにより、現代のウェブ開発に革命をもたらしました。このガイドでは、Reactアプリをゼロから作成する方法を解説し、コアコンセプトとパフォーマンス向上のための実践的な実装手順の両方を網羅しています。プログラミング初心者 ...

Facebook社のReact開発チームも、できるだけ関数コンポーネントだけでアプリケーションを作りたいと思っていたようで、関数コンポーネントをリッチにするためのツールが発明されました。 それがReact 16.8で実装された、Hooks（フックス）と呼ばれる関数群です。

今回はWebを超えてモバイル分野などでも受け入れられつつある宣言的UIをテーマに選び、フロントエンド分野で活躍されている「うひょ」さんに普及のきっかけとなったReactの魅力を余すところなく伝えてもらいます。