未分類

redux..

投稿日:

reduxについてわかっていることを復習します。reduxは各コンポーネントからstoreに入っているデータから取り出したいデータのオブジェクトを指定して取り出すことができます。reduxのメリットはプロジェクトの規模が大きくなってきたときにもstateの管理を一つのstoreで管理することができるのでスムーズに開発を進めることができます。特徴としてそのままデータを取り出したり更新したりすることができずreducerと呼ばれる関数を用いて取り出し、変更を行います。このreducer関数には引数として第一引数に現在のstate、第二引数にactionを指定します。このactionも関数でtyoeオブジェクトと更新したい値のオブジェクトを返します。各コンポーネントはreact-reduxライブラリが用意しているProviderというコンポーネントの引数でstoreを与えることでProviderコンポーネントの子要素として指定したコンポーネントの中でstoreのデータをいじることができるのですが、ただコンポーネントを指定するだけではなく、そのコンポーネントをconnect関数の第二引数に指定して渡すことができるようになります。まだconnect関数を理解していないのでこれから学びたいと思います。

仮想DOM

仮想DOMはreactで扱うブラウザが読み込むDOMの要素ツリーを模倣した、メモリーに展開されたイミュータブルな要素ツリーです。ブラウザでなんらかのイベントが発生したりしてツリーのどこかの要素の状態が変更されるとそこにリンクされているコンポーネント関数のrenderメソッドが動きます。動いたコンポーネントの子要素のreact elementsに設定されているpropsにも変更が生じるため、そこで新しいpropsが定義されそれが数珠つなぎ状になり、そこで変更された部分のDOMの要素が非同期で変更されます。各コンポーネントが返す要素はhtmlの記述に限りなく近いJSXで記述されるのですが、その正体はReactオブジェクトに格納されているオブジェクト関数です。なのでJSXを記述する際はimportでReactを読み込まないといけません。

-未分類

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

二日目

今日はどうしても書きたいものがあるので書かせてください。 まず一つ目、テックキャンプがついに終わりました、、!2ヶ月半プログラミング漬けだったわけですけれども、終わってみると案外あっという間でした。オ …

no image

休日

今日も気合を入れて予定をスラックに書いて出したところ、社長さんに休みだよと言われ、今日が休日だということを知りました。他の社員の人たちがみんなオフラインだったのでおかしいと思っていたので理由がわかって …

no image

論理的な答えの仕方

相手から良い反応をもらうには論理的な回答をしなければいけません。ロジックを組み立て、相手がその話を理解してもらう必要があり、ここで単にロジックを組み立てるだけではダメで、相手が理解する範囲内かつ、相手 …

no image

プログラミング(就活編)

 最近将来のことで悩んでいます。なので今日はプログラミングではなく今考えていることを書きたいと思います。まず、なぜ働かないといけないのか。この答えとしては個人的な考えで述べると、生活できるのであれば働 …

no image

今週終わり

今週から会社が始まりあっという間に一週間画過ぎてしまいました。詰め込み過ぎて入社から1年くらい経過した気がするのですがまだ一週間ということなので驚きました。頑張りたいと思います。 git vsコードか …