React初心者が間違うuseEffectの使い方【useSWRを利用】
Рет қаралды 10,690
Күн бұрын#入門 #React #useSWR #hooks #nextjs #webアプリ開発 #webエンジニア #プログラミング #独学
🌟Web開発案件も募集中です🌟
shincode-hp.pa...
Webの開発案件も募集しております。
＼ShinCode_Camp開校しました／
プログラミング講座＆副業・起業が学べるプラットフォーム🚀
🎁月額2500円でWebプログラミング全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁定期的にお仕事・副業の発注
🎁ShinCodeと1対1で話せる
🎁コミュニティ機能付き
↓↓↓↓↓
code-s-school-...
【Udemy90%割引クーポン発行中🚀】
↓↓↓↓↓
shincode.info/2...
-----------------------------------------------------------------------------------------------------------------------------
【この動画を視聴するメリット】
・useEffectでのデータフェッチングでのデメリットが分かる
・useSWRを使ったキャッシュ化ができるようになる
・キャッシュ化フローが図解で理解できる
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ3000人突破
・Webアプリ/サイト開発数：200以上
・生きがい：プログラミングでサイトやアプリを作ること
★チャンネル登録はこちらから★
/ @programming_tutorial_...
★今回のソースコード★
★運営者SNS★
Twitter： / shin_engineer
★この動画で使用している機材★
キーボード(Keychron K6 赤軸)：amzn.to/3F4zca5
マウス(Logicool G ロジクール G ゲーミングマウス)：amzn.to/3DZaaYB
マイク(サンワダイレクト USBマイク PCマイク)：amzn.to/30AVwJF
マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド)：
amzn.to/3se5onZ
※アフィリエイトリンクになります。
@user-bx7xs6mt4s 10 ай бұрын
こういうパフォーマンス向上のための便利ライブラリとかテクニックありがたいです！ 仕組み部分まで説明してもらえてこれだけでちゃんと理解できた感あるの素晴らしい、
@user-vw9xg3jv6w 7 ай бұрын
今見たのですが、この動画すごくいいです！！ ユースケースから考えられる選択は、駆け出しだとどれも選択肢になる(動けばOK)になるので、熟練者から見た選択を知れるのはめっちゃ有益です😭 ぜひ沢山あげてほしいです！！
@programming_tutorial_youtube 7 ай бұрын
ご意見ありがとうございます！ そうですね、こういったTipsも今後上げられたらと思います😄
@TakumiY46 10 ай бұрын
以前リクエストしたSWRの使い方教えてくださりありがとうございます！！ useEffectをめちゃくちゃ簡略化できて素晴らしいですね！
@programming_tutorial_youtube 10 ай бұрын
こちらこそ、リクエストありがとうございました！使える場面は積極的に使いたいところですね。Vercelでのデプロイじゃないとうまく動かないかもですが😇
@user-tu6ng6tb4q 10 ай бұрын
TanStack Query使ってましたが若干SWRの方が書きやすい感じがしますね、今度使ってみます
@annms_tv 10 ай бұрын
このライブラリ無限ローディングとかミューテーションも開発しやすいんだよなぁ
@user-ry2ko7to1y 10 ай бұрын
バグでuseEffectでクラウド破産しかけた過去がありますｗ(無料枠全部使い切って止まった)
@programming_tutorial_youtube 10 ай бұрын
依存配列あるあるですね笑
@user-ek9nn5we7g 10 ай бұрын
普段技術の勉強はどのようにしていのでしょうか？ 動画の技術はどこの情報から仕入れているかとかきになりました。 もし良かったら教えて頂けたら幸いです。
@programming_tutorial_youtube 10 ай бұрын
ご質問ありがとうございます。 海外のKZfaqでトレンド技術を把握したり、そこで知った技術をZennやQiitaで勉強することが多いですね。あとは公式ドキュメントのチュートリアルとかですかね、、Twitterで面白そうなものを見つけるときもあります。 あとはChatGPTに相談しながら学習もしています。
@user-ek9nn5we7g 8 ай бұрын
@@programming_tutorial_youtube ご返答ありがとうございます。 もし宜しかったら海外のトレンド技術を把握するのにおすすめのチャンネルなどありましたらご教授いただけますか。
@programming_tutorial_youtube 8 ай бұрын
@@user-ek9nn5we7g bytegrad, developedbyed, web dev simplified, jsmastary, あたりですかね～
@user-ek9nn5we7g 8 ай бұрын
@@programming_tutorial_youtube ありがとうございます！これからも動画投稿頑張ってください！いつも勉強させてもらっていて助かっています！
@toshi888ex 5 ай бұрын
数秒単位でデータ更新される可能性がある場合は、キャッシュしてしまうと差分が取得できないので、SWRは不向きですかね？ その場合はuseEffectで都度getする方が良いですか？
@programming_tutorial_youtube 5 ай бұрын
数秒単位の場合はキャッシュの恩恵が得られないので、使わなくていいと思います。そうですね。状況が良く分かりませんがuseEffectでも良いと思います。
@programming-yn3my 10 ай бұрын
自分は今Python, Djangoがそこそこできるようになってきた状態で、競技プログラミングを始めようかと思っているのですが、競プロはPythonではなくC++で始めた方が将来的に良かったりするのでしょうか。競プロといえばC++がメジャーという印象を受けますが、もしよろしければ見解をお聞きしたいです。C++の経験は現時点では0です。
@programming_tutorial_youtube 10 ай бұрын
ご視聴ありがとうございます！ 競プロですね。PythonかC++を使えば良いか、それはご自身の目標によって変わってきます。 最終的にPythonを使ってWebアプリなどを開発したいのであれば、Pythonをするべきですし、C++で文法やメモリ管理を学びたいのであれば、そちらを使えば良いと思います。 長い目で見て、どちらが役に立つか考えてみてください。
@programming-yn3my 10 ай бұрын
@@programming_tutorial_youtube ご丁寧に返信ありがとうございます！１つ新しい言語への挑戦という意味でC++を気軽に楽しみながら学んでみようと思います！
@user-jn6xw7sx3c 10 ай бұрын
初歩的な質問なのですが、 なぜuseEffectがよく用いられるのでしょうか？ これを聞くとSWR一択に聞こえます。
@fukufuku6691 10 ай бұрын
useEffectが基本的なHooksでデータフェッチング以外にも用途があることや、単純にSWRが後発だからですかね？
@naoyahirano6616 9 ай бұрын
PostメソッドもSwrなどのキャッシュ使うべきなのでしょうか
@programming_tutorial_youtube 9 ай бұрын
postメソッドにはswrは使わなくても良いと思います。キャッシュは一般的にGETなので。
Fabiosa Best Lifehacks
Рет қаралды 26 МЛН
TypeScriptでフルスタックエンジニアになる
Рет қаралды 1,4 М.