Open6

読者コミュニティ|ReactではじめるChrome拡張開発入門

hato-codehato-code

とても分かりやすい記事でした!!
React学習中ですので、個人開発したアプリの開発記事などを投稿してもらえると是非、参考にさせていただきます!

AzumaAzuma

読んでいただきありがとうございます!
そう言っていただけてとても嬉しいです!
はい、今後Reactに関しても執筆活動を継続したいと思います。

lastorderlastorder

参考になる記事ありがとうございます。

一つ疑問点があるのですが、
どこか見間違えているかもしれませんが、「演習③」の

で、

「丸ごと以下のソースコードで置き換えてみましょう。」
とありますが、元のcodeの

store.subscribe(() => {
  console.log('state', store.getState());
});

を削除してしますと、
src/contentのダイアログボックスが表示されなくなってしまうかと思います。

よろしくお願いいたします。

AzumaAzuma

ご質問いただきありがとうございます。

src/contentのダイアログボックスが表示されなくなってしまうかと思います。

の指すダイアログボックスというのはChapter04の中で確認のために表示させていた

のことでしょうか。

確かにstore.subscribeを抜いたことにより、状態管理ライブラリを用いたカウンターは表示されないと思います。しかし、このカウンターは本書で使用せず、(状態管理ライブラリを用いない)全く新しい翻訳ダイアログボックスを作成することになります。

説明足らずで申し訳ありませんが、以上でご質問の回答になっておりますでしょうか。

lastorderlastorder

返信ありがとうございます。

状態遷移図を消すことは理解できていたのですが、その後の翻訳ダイアログボックスがページ上に出現せず、

store.subscribe(() => {
  console.log('state', store.getState());
});

を追加したところ出現したので、そこを消してはいけないと思っていました。

しかし、codeを読み返したところそこは翻訳ダイアログボックスとは関係ないことに気づきました。
別の場所が関係していたみたいです。
自分の勘違いでお手を煩わしてしまい申し訳ありません。

記事は大変素晴らしかったのでぜひこれからの活動に活かしていきたいです!!
ありがとうございました。