No video

レンダリングを最適化してWebパフォーマンスを向上させてみよう【React.memo/useMemo/useCallback入門】

  Рет қаралды 7,606

Shin Coding Tutorial

Shin Coding Tutorial

Күн бұрын

#入門 #React #memo #hooks #useMemo #useCallback #プログラミング #独学 #webエンジニア #webアプリ開発
★参考文献
qiita.com/WebE...
🌟Web開発案件も募集中です🌟
shincode-hp.pa...
Webの開発案件も募集しております。
【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
↓↓↓↓↓
shincode.info/2...
\ShinCode_Camp開校しました/
プログラミング講座&副業・起業&就職・転職が学べるプラットフォーム🚀
🎁月額2500円で全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁コミュニティ機能付き
🎁いつでも解約可能etc...
↓↓↓↓↓
code-s-school-...
-------------------------------------------------------------------------------------------------------------------
【この動画を視聴するメリット】
・Reactにおけるレンダリングの仕組みが学べる
・React.memo/useMemo/useCallbackの意味と使い方が学べる
・不要なレンダリングを避け、webサイトのパフォーマンスを上げられる
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ3000人突破
・Webアプリ/サイト開発数:200以上
・生きがい:プログラミングでサイトやアプリを作ること
★チャンネル登録はこちらから★
/ @programming_tutorial_...
★今回のソースコード★
github.com/Shi...
★運営者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
※アフィリエイトリンクになります。

Пікірлер: 9
@user-fy6zq6ku7z
@user-fy6zq6ku7z Жыл бұрын
useMemo等の使い方があまり理解できていなかったので、この動画はとてもありがたいです!
@nebular-poker
@nebular-poker Жыл бұрын
レンダリングにかかる時間を計測出来るのはうれしいですね 例えば、5ms以上かかっているものはmemo化する、みたいなルールをチームで共有しておけば、memo化するかしないかを個人の判断に任せなくてもよくなりそうです。
@user-es5gi6tf1n
@user-es5gi6tf1n 6 ай бұрын
分かりやすっ
@user-ff6ym8ji8i
@user-ff6ym8ji8i 11 ай бұрын
いつも動画楽しく拝見してます。 動画内10:10にて触れていたuseStateについてですが、 なぜuseStateらはssrでなくcsrにする必要があるのでしょうか?
@programming_tutorial_youtube
@programming_tutorial_youtube 11 ай бұрын
いつもご視聴ありがとうございます! useState等のHooksはClient Componentでしか動作しないからですね。デフォルトではServerSide Componentで設定されているので"use client"としてClient Componentと認識してもらう必要があります。 useState等の操作はClient側で行われるものだからですね。
@user-ff6ym8ji8i
@user-ff6ym8ji8i 11 ай бұрын
ご回答ありがとうございます!とても勉強になりました!
@sika6886
@sika6886 9 ай бұрын
ほんと値千金!
@kcloverformare
@kcloverformare 11 ай бұрын
メガネなしの方が絶対いいと思います!
React初心者が間違うuseEffectの使い方【useSWRを利用】
17:56
プログラミングチュートリアル
Рет қаралды 10 М.
Next js解説 Reactとの違いは?
7:54
マフィア先生のエンジニア塾
Рет қаралды 14 М.
艾莎撒娇得到王子的原谅#艾莎
00:24
在逃的公主
Рет қаралды 53 МЛН
女孩妒忌小丑女? #小丑#shorts
00:34
好人小丑
Рет қаралды 83 МЛН
Prank vs Prank #shorts
00:28
Mr DegrEE
Рет қаралды 10 МЛН
ISSEI & yellow girl 💛
00:33
ISSEI / いっせい
Рет қаралды 24 МЛН
【ESlint/Prettier入門】自動コード整形と構文チェックで開発効率を爆上げしてみよう
34:33
React Hooks Crash Course (useMemo, useCallback and more).
31:49
developedbyed
Рет қаралды 84 М.
皆さんに知ってほしいたった1つのこと【自己啓発/モチベーション】
16:51
プログラミングチュートリアル
Рет қаралды 7 М.
Djangoで社員管理アプリを作ろう
49:55
きみのIT教室
Рет қаралды 8 М.
【React Hooks入門】完全初心者OK!8種類のHooksを学んでReactの理解を深めよう
59:10
プログラミングチュートリアル
Рет қаралды 63 М.
あなたはどのレンダリングパターンを採用しますか?【CSR/SSR/SSG/ISRを図解で解説】
34:32
【HTTP入門】Webページがブラウザに表示されるまでの流れを解説
44:12
プログラミングチュートリアル
Рет қаралды 41 М.
Webページはどうやって表示されてるの?
14:04
だれでもエンジニア / 山浦清透
Рет қаралды 15 М.
艾莎撒娇得到王子的原谅#艾莎
00:24
在逃的公主
Рет қаралды 53 МЛН