JavaScript│株式会社シーポイントラボ

【React】コンテクストを使った props を用いない関数一つで呼び出せる通知用コンポーネント例

コンテクスト – React 　コンテクストは React の簡易なグローバル管理機能です。 props を経由せずに値を操作、反映できることによって多様な props のリレーを […]

コンテクスト – React 　コンテクストは React の簡易なグローバル管理機能です。 props を経由せずに値を操作、反映できることによって多様な props のリレーを […]

　Material-UI は React のデザインフレームワークです。HTML 組み込みのタグの代わりに Material-UI の定義するコンポーネントを用いることで簡単にリッ […]

　この記事で紹介する方法は主に Vue.js や React の様なライブラリを使った SPA(Single Page Application) な JavaScript が主の […]

　アンチパターンかもしれませんが、こうすることで動作に制限のないモジュール（コンポーネントの構成部品）を共有できる、という例を紹介します。　使うのは関数を生成する関数です。これを […]

以前、「【React】「react-big-calendar」ライブラリのカレンダーを日本語で表示する手順」という記事を投稿しましたが、その中で利用した Moment.js につい […]

　dot-object はドット記法でオブジェクトを参照できるようするライブラリです。 dot-object – npm rhalff/dot-object： Tran […]

TL; DR props.children を使うとタグ内部のコンポーネントを呼べます内部を気にしないフレーム的共通コンポーネントを作ると枠組みを定義する部分をコピペせずに済みま […]

　バージョン 16.0.0 以降のReact はエラーが起こったことを隠しません。小さなエラーだとしてもそれが例外を投げるならば画面を真っ白にします。　この状態になると何が原因に […]

最近使って、この書き方は忘れそうだと思ったので備忘録兼、いつかのためのコピー＆ペースト元としてまとめ。タイトル通り、連想配列を結合する方法についてです。 push() を使って配 […]

map と filter メソッドの戻り値について勘違いしていて若干ハマったので、自戒の意味も込めてまとめ。タイトルにある通り、連想配列から条件に一致するデータの特定のキーのみを […]

　prop-types は生の JavaScript で React コンポーネントに渡される props の型を定義するためのライブラリです。JavaScript のみの開発環境 […]