React エコシステムに関する素晴らしいもののコレクション。
- React
- React Native
- Redux
- GraphQL
- Relay
- ビデオ
- デモ React アプリ
- リアル React アプリ
- 貢献
React#
ユーザーインターフェースを構築するための JavaScript ライブラリ
React 一般リソース#
React コミュニティ#
React オンラインプレイグラウンド#
別の素晴らしいリスト#
React チュートリアル#
React 一般チュートリアル#
- React 公式チュートリアル
- Visual Studio Code での React の使用
- Scrimba - 無料でインタラクティブに React を学ぶ
- FreeCodeCamp React チャレンジ
- React チートシート
- React パターン
- React で Flow をセットアップする
React フック#
- React フック
- 素晴らしい React フック
- React フックで考える
- Redux を React フックとコンテキストで置き換える
- React フックチートシート:一般的な問題の解決策をアンロックする
- React フックでデータを取得する方法は?
- 理解しやすい React フックレシピ
- React フックビデオチュートリアル
React と TypeScript#
React パフォーマンス#
- React パフォーマンスの最適化
- React Profiler の紹介
- React の最適化:仮想 DOM の説明
- React の主要なパフォーマンス問題を最適化するための決定的ガイド
- Twitter Lite と高パフォーマンスの React プログレッシブ Web アプリをスケールで
- React DevTools Profiler を使用して React アプリのパフォーマンス問題を診断する
- React パフォーマンスを向上させるためのトップ 5 の実践
- React は遅い、React は速い:実践での React アプリの最適化
- react-window を使用して大きなリストをレンダリングする
React 内部#
- 調整
- React Fiber アーキテクチャ
- 自分の React を構築する
- Fiber 内部:React の新しい調整アルゴリズムの詳細な概要
- 視覚的ブロックスキームによる React コードベース全体の説明
React 面接質問#
React ツール#
React 開発ツール#
- react-devtools - Chrome および Firefox の開発者ツールで React コンポーネント階層を検査
- react-hot-loader - リアルタイムで React コンポーネントを調整
- react-loadable - プロミスでコンポーネントを読み込むための高次コンポーネント
- loadable-components - React コード分割を簡単に
- reactotron - React および React Native プロジェクトを検査するためのデスクトップアプリ
- storybook - UI コンポーネントの開発とテスト
- docz - ゼロ設定、ライブリロードのドキュメントを Markdown + JSX で
- react-styleguidist - 生きたスタイルガイドを持つ孤立した React コンポーネント開発環境
- react-cosmos - 再利用可能な React コンポーネントを作成するための開発ツール
- eslint-plugin-react - ESLint 用の React 特有のリンティングルール
- eslint-plugin-jsx-a11y - JSX 要素の a11y ルールのための静的 AST チェッカー
- @axe-core/react - React アプリケーションのアクセシビリティ監査
- DataFormsJS JSX ローダー - ウェブページ上で JSX を JS に迅速に変換するための小さな JavaScript コンパイラ
- Why Did You Render - React をモンキーパッチして、回避可能な再レンダリングについて通知します。
- Divjoy - 開発を加速するための React コードベースと UI ジェネレーター(有料)
- Plasmic - React コンポーネントを視覚的に構築するための強力なデザインツール。
- jsx-ast-utils - JSX を静的に分析するための AST ユーティリティモジュール
- react-scanner - コードから React コンポーネントとプロップの使用を抽出
React スターターキットとツールチェーン#
- create-react-app - 1 つのコマンドを実行してモダンな Web アプリをセットアップ
- Razzle - 本番準備が整った React アプリケーションを構築します。Razzle はモダンな静的および動的ウェブサイトおよびウェブアプリケーションのためのツールチェーンです
- Neutrino React プリセット -
@neutrinojs/react
は React ウェブアプリケーションの構築をサポートする Neutrino プリセットです - react-starter-kit - アイソモーフィック Web アプリボイラープレート
- create-react-library - Rollup と create-react-app を使用して再利用可能なモダンな React ライブラリを作成するための CLI。
- tsdx - TypeScript パッケージ開発のためのゼロ設定 CLI
React フレームワーク#
- next.js - React フレームワーク
- gatsby.js - React に基づく無料でオープンソースのフレームワーク
- react-admin - REST/GraphQL API の上に B2B アプリケーションを構築するためのフロントエンドフレームワーク
- remix - 最後に、React Router の作成者による素晴らしい React フレームワーク
- Blitz - フルスタック React フレームワーク
- aleph.js - Deno の React フレームワーク
- refine - 短時間でデータ集約型アプリケーションを構築するための React ベースのフレームワーク。
React スタイリング#
- styled-components - コンポーネント時代の視覚的原始
- emotion - JavaScript で CSS スタイルを書くために設計されたライブラリ
- radium - React コンポーネントスタイリングのためのツールチェーン
- jss - CSS のための著作ツール
- aphrodite - サーバーサイドレンダリング、ブラウザプレフィックス、および最小 CSS 生成をサポートするフレームワーク非依存の CSS-in-JS
- linaria - ゼロランタイム CSS in JS
- stitches - ほぼゼロのランタイム、SSR、マルチバリアントサポート、および最高の開発者体験を持つ CSS-in-JS
- vanilla-extract - ゼロランタイムのスタイルシート in-TypeScript
React ルーティング#
- react-location - React のためのエンタープライズクライアントサイドルーティング
- react-router - React のための宣言的ルーティング
- navi - React のための宣言的非同期ルーティング
- curi - シングルページアプリケーションのための JavaScript ルーター
- reach - React の次世代ルーティング
- universal-router - アイソモーフィック JavaScript ウェブアプリのためのシンプルなミドルウェアスタイルのルーター
- wouter - ミニマリストフレンドリーな約 1.3KB のルーティングライブラリ
React コンポーネントライブラリ#
- material-ui - より速く、より簡単なウェブ開発のための React コンポーネント
- blueprint - ウェブのための React ベースの UI ツールキット
- Fluent UI - Microsoft のウェブ体験を構築するための React コンポーネントのセット
- react-bootstrap - React で構築された Bootstrap コンポーネント
- reactstrap - シンプルな React Bootstrap 4 コンポーネント
- ant-design - 自然と決定性の価値を持つデザインシステム
- chakra-ui - React アプリケーションのためのシンプルでモジュラーでアクセシブルな UI コンポーネント
- semantic-ui-react - 公式 Semantic-UI-React 統合
- evergreen - Segment による Evergreen React UI フレームワーク
- grommet - アクセシビリティ、モジュール性、応答性、テーマを提供する React ベースのフレームワーク
- rebass - styled-system で構築された React プリミティブ UI コンポーネント
- reakit - React のためのアクセシブルでコンポーザブルでカスタマイズ可能なコンポーネント
- rsuite - React コンポーネントのスイート
- atlaskit - Atlassian の公式 UI ライブラリ、Atlassian デザインガイドラインに基づいて構築。
- baseweb - Base Web は、ウェブ製品を開始、進化、統一するための基盤です。
- primereact - 50 以上のコンポーネントを特徴とする完全な UI フレームワークで、マテリアル、ブートストラップ、カスタムテーマを提供。
- eui - Elastic UI フレームワーク
- react-spectrum - 適応可能でアクセシブルで堅牢なユーザーエクスペリエンスを構築するための Adobe のライブラリとツールのコレクション
- ring-ui - JetBrains の Web UI コンポーネント
- react-bulma-components - Bulma フレームワークのための React コンポーネント
- react-bulma - Flexbox に基づくモダン CSS フレームワークのための React.js コンポーネント
- trunx - スーパーサイヤ人 React コンポーネント、素晴らしい Bulma の息子、TypeScript で実装
- bumbag-ui - あなたの Bumbag でアクセシブルでテーマ可能な React アプリケーションを構築
- Mantine – ネイティブダークテーマサポートを持つ 100 以上のフックとコンポーネントを備えた完全な機能を持つ React ライブラリ
- radix - 高品質でアクセシブルなデザインシステムとウェブアプリを構築するためのオープンソース UI コンポーネントライブラリ
React 素晴らしいコンポーネント#
- 素晴らしい React コンポーネントリスト
- react-select - React のためのセレクトコンポーネント
- react-beautiful-dnd - React でのリストのための美しくアクセシブルなドラッグアンドドロップ
- react-dnd - React のためのドラッグアンドドロップ
- react-grid-layout - ドラッグ可能でリサイズ可能なグリッドレイアウト
- react-table - React のための軽量で高速で拡張可能なデータグリッド
- react-data-grid - Excel のようなグリッドコンポーネント
- react-draggable - React ドラッグ可能コンポーネント
- react-resizable-and-movable - React のためのリサイズ可能でドラッグ可能なコンポーネント
- react-resizable - ハンドルでリサイズ可能なシンプルな React コンポーネント
- react-resizable-box - React のためのリサイズ可能なコンポーネント
- react-searchbox-awesome - ミニマリスト検索ボックス
- react-sortable-pane - React のためのソート可能でリサイズ可能なペインコンポーネント
- react-spaces - ネスト可能なリサイズ可能でアンカー付きのスクロール可能なコンポーネント
- react-dates - 簡単に国際化可能でモバイルフレンドリーなウェブ用日付ピッカーライブラリ
- react-big-calendar - カレンダーコンポーネント
- react-datepicker - ReactJS 日付ピッカー
- react-list - 多用途の無限スクロール React コンポーネント
- react-intl - React アプリの国際化
- react-i18next - 正しく行う React の国際化
- react-aria-modal - 完全にアクセシブルな React モーダル
- react-hotkeys - React のための宣言的ホットキーとフォーカスエリア管理
- react-keydown - React コンポーネントのための軽量な keydown ラッパー
- react-joyride - アプリのためのガイド付きツアーを作成
- react-virtualized - 大きなリストと表形式データを効率的にレンダリングするための React コンポーネント
- react-window - 大きなリストと表形式データを効率的にレンダリングするための React コンポーネント
- data-source - Facebook の Flipper で使用されるストリーミングデータ視覚化を強化するライブラリ
- react-text-mask - React のための入力マスク
- react-loading-skeleton - アプリに自動的に適応するスケルトンスクリーンを作成
- react-spinkit - React のための CSS でアニメーションされたローディングインジケーターのコレクション
- rheostat - React で構築されたアクセシブルなスライダーコンポーネント
- qrcode.react - React で使用する QR コンポーネント
- react-archer - React 要素間に矢印を描画
- react-pdf-viewer - React 用の PDF ビューア
- react-parallax-tilt - React コンポーネントに傾きホバー効果を簡単に適用
- react-popper - ツールチップとポップオーバーを優雅でパフォーマンスの高い方法で配置
- react-tsparticles - 高度にカスタマイズ可能なパーティクルアニメーションを簡単に作成
- react-spring - React アプリケーションのためのスプリング物理に基づくアニメーションライブラリ
- framer-motion - 生産準備が整ったアニメーションを提供する React ライブラリ
- react-accessible-accordion - アクセシビリティのための WAI ARIA 仕様に準拠した「アコーディオン」を作成するための React コンポーネント。
- react-truncate-markup - JSX マークアップを切り捨てるための React コンポーネント。
- react-cookie - React のためのユニバーサルクッキー
- react-slick - React で構築されたカルーセルコンポーネント
- react-gtm-module - React のための Google タグマネージャーモジュール
- react-device-detect - React のためのデバイス検出
- react-colorful - 小さく(2.5 KB)、依存関係のない、高速でアクセシブルなカラーピッカーコンポーネント
- react-modal - React のためのアクセシブルなモーダルダイアログコンポーネント
- cleave.js - タイピング中に入力テキストコンテンツをフォーマット
- react-fontawesome - Font Awesome 5 React コンポーネント
- react-advanced-cropper - 画像トリミングのための高度な React コンポーネント
- swiper - モダンなモバイルタッチスライダー
React テスト#
- jest - 楽しい JavaScript テストフレームワーク
- enzyme - React のための JavaScript テストユーティリティ
- react-testing-library - シンプルで完全な React DOM テストユーティリティ
- react-hooks-testing-library - 良いテストプラクティスを促進する React フックテストユーティリティ
- majestic - Jest のためのゼロ設定 GUI
React ライブラリ#
- react-border-wrapper - React で要素を div の境界に配置するためのラッパー。
- react-magic - React の力でプレーン HTML を自動的に AJAX 化
- react-toolbox - Google のマテリアルデザイン仕様を実装する React コンポーネントのセット
- tcomb-react - React コンポーネントのすべてのプロップをチェックすることを可能にするライブラリ
- react-responsive - レスポンシブデザインのための React のメディアクエリ
- preact - 同じ ES6 API を持つ高速 3kb の React 代替
- riotjs - React のような 3.5KB のユーザーインターフェースライブラリ
- Maple.js - React にウェブコンポーネントの概念を持ち込む
- react-i13n - あなたの React アプリケーションを計測するためのパフォーマンス、スケーラブルでプラグイン可能なアプローチ
- react-icons - 人気のアイコンパックの svg React アイコン
- react-open-doodles - React コンポーネントとしての素晴らしい無料イラスト。
- Keo - React コンポーネントを作成するためのより機能的な Deku アプローチのためのプレーン関数、pipe、メモ化などの機能を持つ
- Bit - アプリケーション間で React や他のウェブコンポーネントを管理し使用するための仮想リポジトリ
- AtlasKit - Atlassian の React UI ライブラリ
- ReactiveSearch - Elasticsearch のための UI コンポーネントライブラリ
- Slate - リッチテキストエディタを構築するための完全にカスタマイズ可能なフレームワーク。
- react-json-schema - JSON 定義を React コンポーネントにマッピングして React 要素を構築。
- react-lodash - Lodash を React コンポーネントとして
- react-helmet - React のためのドキュメントヘッドマネージャー
- react-snap - ゼロ設定のフレームワーク非依存の静的プリレンダリング
- Draft.js - テキストエディタを構築するための React フレームワーク
- refract - 反応型プログラミングの力を利用してコンポーネントを強化
- react-desktop - OS X および Windows の UI コンポーネント
- reapop - シンプルでカスタマイズ可能な React 通知システム
- react-extras - React で作業するための便利なコンポーネントとユーティリティ
- react-instantsearch - Algolia による React および React Native アプリケーションのための超高速検索
- uppy - ウェブブラウザ用の次世代オープンソースファイルアップローダー
- react-motion - あなたのアニメーションの問題を解決するスプリング
- react-esi - React エッジサイドインクルード
- react-aria - あなたのデザインシステムのためのアクセシブルな UI プリミティブを提供する Adobe の React フックライブラリ
- react-uploady - React のためのモダンなファイルアップロードコンポーネントとフック。
React 統合#
- ReasonReact
- React Rails
- ReactJS.NET
- om - ClojureScript インターフェース
- Reagent - React.js へのミニマリスト ClojureScript インターフェース
- Express React views
- React Page Middleware
- ngReact - Angular の React コンポーネント
- coffee-react-transform - Coffeescript のための React JSX サポートを提供
- sprockets-coffee-react - CJSX のための Sprockets プリプロセッサ
- react-kup - Coffeescript のための jsx のシンプルで非侵襲的な代替
- turbo-react - Turbolinks と React を組み合わせて DOM の差分を適用
- react-bacon - Bacon.js と React を使用するための小さなモジュール
- msx - Mithril への呼び出しを出力するように調整された React の JSX トランスフォーマー
- react-backbone - React のための Backbone 対応ミキシン
- NestedReact - Backbone Views および NestedTypes モデルとの透過的な統合
- backbone-reaction - React、Backbone、その後
- react.backbone - Backbone 移行を容易にするための React 用プラグイン
- reactbone - Backbone 用の React 拡張
- backbone-react-ui - Backbone および Backbone ページネーターと一緒に使用するための React コンポーネント
- react-events - React コンポーネントのための宣言的管理イベントバインディング
- react-mixin-manager - React ミキシン登録マネージャー
- react-topcoat by @plaxdan - React ライブラリで構築された Topcoat CSS コンポーネント
- react-topcoat by @arnemart - Topcoat のための React コンポーネントのコレクション
- reactdown - マークダウン構文を使用して React コンポーネントを書く
- react-jade - Jade を React JavaScript にコンパイル
- jade-react - Jade テンプレートを React.DOM 式にコンパイル
- gulp-jade-react - Jade テンプレートを Gulp で React のデスガードされた JSX にコンパイル
- sbt-reactjs - npm を使用した React SBT プラグイン
- scalajs-react - Scala.js と Facebook の React の間の罪深い関係
- react-xtags - React を使用して xtags を実装
- jreact - サーバーサイド Java(Rhino または Nashorn)での React
- React.hiccup - sweet.js で書かれた JSX の完全な置き換え
- react-play - JDK8 の Nashorn を使用して Play フレームワークで React コンポーネントをレンダリング
- rx-react - RxJS で React と連携するためのユーティリティ
- react-with-di - DI を持つ React.js のハッキングされたプロトタイプ
- reactfire - Firebase 統合を容易にするための ReactJS ミキシン
- react-clickdrag-mixin - React コンポーネントのための ClickDrag ミキシン
- react-masonry-mixin - Masonry(@desandro)のためのスタンドアロンミキシン
- react-packery-mixin - Packery(Metafizzy)のためのスタンドアロンミキシン
- react-dropzone - React.js でのシンプルな HTML5 ドラッグドロップゾーン。
- aframe-react - A-Frame VR + React
- react-three-fiber - threejs(web および react-native)のための React リコンシラー
- react-three - three.js を使用して 3D シーンを作成および制御するための React バインディング
- react-three-renderer - React を使用して three.js キャンバスにレンダリング
- react-threejs - React と Three.js の間の最も簡単なバインディング
- react-masonry-css - CSS によって駆動される高速 Masonry レイアウト、依存関係なし
- react-captcha - Google のための react.js reCAPTCHA
- reaptcha - Google reCAPTCHA のためのクリーンでモダンでシンプルな React ラッパー
- react-recaptcha-that-works - 動作する React のための reCAPTCHA ブリッジ
React 状態管理#
- redux - JavaScript アプリのための予測可能な状態コンテナ
- mobx - シンプルでスケーラブルな状態管理
- react-query - React で非同期データを取得、キャッシュ、および更新するためのフック
- flux - ユーザーインターフェースを構築するためのアプリケーションアーキテクチャ
- recoil - React アプリのための実験的な状態管理ライブラリ
- jotai - 原子モデルを持つ React 状態管理へのボトムアップアプローチ
- xstate-react - 現代のウェブのための状態マシンと状態チャート
- zustand - React のための状態管理のためのクマの必要性
- easy-peasy - React のためのベジタリアンフレンドリーな状態
- hookstate - フックに基づいたシンプルで非常に強力で信じられないほど高速な React のための状態管理
- effector - 高速で強力な反応型状態マネージャー
- reactn - React、しかし組み込みのグローバル状態管理を持つ
- react-facet - パフォーマンスの高いゲーム UI を React で構築するためのオブザーバブルベースの状態管理
React AR と VR#
- Viro React - React Native を使用して AR/VR アプリケーションを迅速に構築するためのプラットフォーム
React レンダラー#
- react-three-fiber - Three.js のための React レンダラー
- react-pdf - React を使用して PDF ファイルを作成
- ink - インタラクティブなコマンドラインアプリのための React
- react-blessed - blessed ターミナルインターフェースライブラリのための React レンダラー
- react-sketchapp - React コンポーネントを Sketch にレンダリング
- react-figma - Figma のための React レンダラー
- react-nil - React の null レンダラー
- remotion - React でプログラム的にビデオを作成
フォーム#
- formik - React でフォームを構築、涙なしで
- react-hook-form - フォーム検証のための React フック
- react-jsonschema-form - JSON スキーマから Web フォームを構築するための React コンポーネント
- react-final-form - React のための高パフォーマンスのサブスクリプションベースのフォーム状態管理
- unform - React フォームのためのパフォーマンス重視の API
- formily - Alibaba グループ統一フォームソリューション
- uniforms - 任意のスキーマからフォームを構築するための React ライブラリ
- formsy-react - React のためのフォーム入力ビルダーとバリデーター
- react-formal - React のための洗練された HTML フォーム管理
- vest - ユニットテスト構文に触発された宣言的フォーム検証フレームワーク。
オートコンプリート#
- react-autocomplete by @rackt - WAI-ARIA 準拠の React オートコンプリート(アーカイブ、読み取り専用)
- react-autosuggest by @moroshko - WAI-ARIA 準拠の React オートサジェストコンポーネント
- react-autocomplete by @eliseumds - ReactJS + RxJS を少し味わう
- react-autocomplete by @prometheusresearch - React に基づくオートコンプリートウィジェット
- instatype by @gragland - シンプルな React オートコンプリートコンポーネント
- downshift - 🏎 シンプルで柔軟な WAI-ARIA 準拠の強化された入力 React コンポーネントを構築するためのプリミティブ
- React Bootstrap Typeahead - Bootstrap のスタイリングに依存し、元々Twitter の typeahead.js に触発された React ベースのタイプアヘッド。
グラフィックス#
- react-art - ART 描画ライブラリへの React ブリッジ
- react-canvas - React コンポーネントのための高性能な
<canvas>
レンダリング - react-famous - Famo.us を使用した 60FPS の複雑な 3D アニメーション UI
- react-kinetic - React を使用した KineticJS による HTML5 キャンバス
- react-svg-morph - SVG コンポーネントを別のものに変形
- react-hooks-svgdrawing - React フックを使用した SVG 描画
- react-svg-pan-zoom - SVG にパンとズーム機能を追加する React コンポーネント。
データ管理#
- immer - 現在の状態を変更することによって次の不変状態を作成
- ReSub - より良い React コンポーネントとデータストアを書くためのライブラリ
- immutable-js - JavaScript のための不変データコレクション
- baobab - カーソルを持つ JavaScript および TypeScript の永続的かつオプションで不変のデータツリー
- WatermelonDB - 🍉 強力な React および React Native アプリのための反応型および非同期データベース ⚡️
- RxDB - JavaScript アプリケーションのためのリアルタイムデータベース
地図#
- react-googlemaps - Google マップへの React インターフェース
- react-maps - React のための地図コンポーネント
- react-google-maps - React.js Google マップ統合コンポーネント
- react-gmaps - React.js のための Google マップコンポーネント
- react-map-gl - MapboxGL-js およびオーバーレイ API のための React ラッパー
- google-map-react - アイソモーフィック google マップ React コンポーネント
- react-mapbox-gl - API を React フレンドリーにするための mapbox-gl-js ラッパー
- google-maps-react - React を使用した宣言的 Google マップ React コンポーネント、遅延読み込み依存関係、現在の位置ファインダー、Fullstack React チームによるテスト駆動アプローチ。
- react-leaflet - Leaflet マップのための React コンポーネント
- react-geo - react、antd、および ol を使用した地理関連コンポーネントのセット
- pigeon-maps - 外部依存関係なしの ReactJS マップ
チャート#
- vx - 可視化コンポーネント
- victory - インタラクティブなデータ視覚化を構築するためのコンポーザブル React コンポーネントのコレクション
- react-vis - データ視覚化コンポーネント
- recharts - React と D3 で構築された再定義されたチャートライブラリ
- nivo - D3 および React ライブラリの上に構築された豊富なデータ視覚化コンポーネントのセットを提供
- echarts-for-react - React ラッパーの Apache ECharts コンポーネント
- react-apexcharts - ApexCharts のための React コンポーネント
- chartify - CSS を使用してチャートを構築するための React プラグイン
React Native#
React を使用してネイティブアプリを構築するためのフレームワーク
React Native 一般リソース#
- React Native 公式サイト
- React Native GitHub
- React Native ニュースレター
- React Native プレイグラウンド
- React Native 素晴らしいリスト
- React Native StackOverflow
- React Native ラジオ
React Native チュートリアル#
- React Native チュートリアル
- React Native の紹介:JavaScript でアプリを構築
- React Native の紹介:JavaScript で iOS アプリを構築
- React Native と非同期関数
- React Native を使用したデジタルスマートミラーラボ
- React Native の美しさ:JavaScript で最初の iOS アプリを構築する(パート 1)
- React Native の美しさ:JavaScript で最初の iOS アプリを構築する(パート 2)
- React Native Flexbox のミニコース
- Flexbox の完全ガイド
- React Native アプリケーションのテストドライブ
- TypeScript で React Native を使用する
React Native 開発ツール#
- react-native-code-push - CodePush のための React Native モジュール
React Native サンプルアプリ#
React Native ボイラープレート#
- Create React Native App - iOS、Android、ウェブで動作する React Native アプリを作成
- Ignite - React Native のための最もホットな CLI、ボイラープレート、プラグイン、ジェネレーターなど!
React Native 素晴らしいコンポーネント#
- Expo - クロスプラットフォームモバイルアプリを作成するための Expo プラットフォーム
- react-navigation - React Native アプリのためのルーティングとナビゲーション
- react-native-social-share - React Native で iOS および Android のネイティブ Twitter および Facebook 共有ポップアップを使用
- react-native-fbsdk - iOS Facebook SDK のラッパー
- react-native-side-menu - サイドメニューを作成するためのシンプルでカスタマイズ可能なコンポーネント
- react-native-mapbox-gl - Mapbox GL の React Native モジュール
- react-native-icons - React Native でのクイックで簡単なアイコン
- react-native-vector-icons - NavBar/TabBar をサポートする 3000 のカスタマイズ可能なアイコン
- react-native-google-signin - React Native のための Google サインイン
- react-native-picker-modal-view
- react-native-gifted-chat - React Native のための最も完全なチャット UI
- react-native-fast-image - FastImage、パフォーマンスの高い React Native 画像コンポーネント
- recyclerlistview - React Native とウェブのための高性能リストビュー!
- react-native-largelist - React Native のための最高の大規模リストコンポーネント
- react-native-gesture-handler - React Native にプラットフォームネイティブのタッチとジェスチャーシステムを公開する宣言的 API
- rn-placeholder - React Native でテキストやメディアコンテンツをレンダリングする前にプレースホルダーを表示
React Native ライブラリ#
- sentry-react-native - ウェブアプリ、モバイルアプリ、ゲームのためのリアルタイムクラッシュレポート。
- realm-js - Realm はモバイルデータベース:SQLite およびキー値ストアの代替
- react-native-device-info - React Native iOS および Android のためのデバイス情報
- react-native-react-bridge - React ウェブアプリを React Native で実行し、両者間の通信を処理するためのツールセット。
- uncompress-react-native - React Native で.zip、.rar、.cbz、.cbr ファイルを解凍するためのシンプルなライブラリ。
Redux#
JavaScript アプリのための予測可能な状態コンテナ
Redux 一般リソース#
Redux ツール#
- react-redux - Redux のための公式 React バインディング
- redux-toolkit - 効率的な Redux 開発のための公式の意見を持ったバッテリー同梱ツールセット
- redux-devtools - ホットリロード、アクションリプレイ、およびカスタマイズ可能な UI を持つ Redux のための DevTools
- reselect - Redux のためのセレクターライブラリ
- redux-thunk - redux のための Thunk ミドルウェア
- redux-saga - Redux アプリのための代替副作用モデル
- connected-react-router - React Router のための Redux バインディング
- redux-form - フォーム状態を保持するために react-redux を使用する高次コンポーネント
- normalizr - スキーマに従ってネストされた JSON を正規化
- redux-observable - Redux のための RxJS ミドルウェア
- redux-undo - Redux 状態コンテナに元に戻す / やり直す機能を追加するための高次リデューサー
- redux-persist - Redux ストアを永続化および再水和
- Rematch - Redux を簡単に
Redux チュートリアル#
- Redux Essentials
- Redux Fundamentals
- Dan Abramov による Redux の基礎コース
- イディオマティック Redux を使用した React アプリケーションの構築
GraphQL#
あなたの API のためのクエリ言語
GraphQL 一般リソース#
GraphQL ツール#
- graphql-js - JavaScriptのための GraphQL のリファレンス実装
- express-graphql - Expressで GraphQL HTTP サーバーを作成
- Apollo - 業界標準の GraphQL 実装
- GraphQL Playground - より良い開発ワークフローのための GraphQL IDE
GraphQL チュートリアル#
GraphQL 実装#
- graphql-ruby - Rubyの GraphQL 実装
- graphql-java - GraphQL Java実装
- sangria - Scalaの GraphQL クライアントおよびサーバーライブラリ
- graphql-php - GraphQL リファレンス実装のPHPポート
- graphene - Pythonのための GraphQL フレームワーク
- graphql-dotnet - .NETのための GraphQL
- graphql-go - Goのための GraphQL
- juniper - Rustのための GraphQL サーバーライブラリ
データベース統合#
- Hasura - あなたのすべてのデータのためのインスタント GraphQL
- Prisma - Node.js と TypeScript のための次世代 ORM
- graphql-sequelize - Sequelize を介して MySQL および Postgres のための GraphQL および Relay
Relay#
データ駆動型 React アプリケーション
Relay 一般リソース#
Relay チュートリアル#
Relay ツール#
- graphql-relay-js - react-relay をサポートする graphql-js サーバーを構築するのに役立つライブラリ
- react-router-relay - React Router のための Relay 統合
- relay-local-schema - GraphQL サーバーなしで Relay を使用
- relay-codemod - Relay API を更新するための jsodeshift に基づく Codemod スクリプト
ビデオ#
重要なトーク#
- Pete Hunt: React: ベストプラクティスの再考 - JSConf EU 2013
- Pete Hunt: React: ベストプラクティスの再考(更新版) - JSConf.Asia 2013
- Tom Occhino と Jordan Walke: Facebook での JS アプリ - JSConfUS 2013
- React: CSS in JS
- Pete Hunt: 予測可能であれ、正確であれ - Mountain West JavaScript 2014
- Hacker Way: Facebook での Web アプリ開発の再考
- Christopher Chedeau: React はなぜスケールするのか? - JSConf2014
- Christopher Chedeau: React のアーキテクチャ - OSCON 2014
- [Pete Hunt: React RESTful UI レンダリング - Strange Loop 2014](https://www.youtube.com/watch?v=IVv