【React Hooks入門】完全初心者OK！8種類のHooksを学んでReactの理解を深めよう
HTML-код
- Опубликовано: 11 сен 2024
- #入門 #react #reacthooks #hooks #javascript #プログラミング #webアプリ開発 #web
【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
↓↓↓↓↓
shincode.info/2...
＼ShinCode_Camp開校しました／
プログラミング講座＆副業・起業＆就職・転職が学べるプラットフォーム🚀
🎁月額2500円で全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁コミュニティ機能付き
🎁いつでも解約可能etc...
↓↓↓↓↓
code-s-school-...
-----------------------------------------------------------------------------------------------------------------------------
【募集】Web開発/Webサイト制作を頼みたい方はこちらのリンクからお問い合わせください
↓↓↓↓↓
worldhacks.co.jp/
＼Webスキルが付いたらWebエンジニアに挑戦してみよう／
私が実際にWebのお仕事を頂いている会社で働いてみよう🚀
応募は下記リンクから
↓
www.wantedly.c...
✅Webエンジニア未経験でもOK
✅フルリモートだから自由な場所で働ける
✅ポテンシャル採用
✅モダンな技術スタックで開発できる
✅面接で不合格でも「なぜダメだったのか」の理由がきちんと聞ける
✅会社公式HPはこちら → worldhacks.co.jp/
上記記載のWebベンチャー社長と繋がってみたい方はTwitterを載せておきます。
WorlsHacks社長ツイッター : / kairi_morishita
WorldHacks公式ツイッター : / worldhacks_inc
-----------------------------------------------------------------------------------------------------------------------------
【この動画を視聴するメリット】
・Reactの基礎が理解できる
・React Hooks8種類が学べる
・useState/useEffect/useContext/useRef/useReducer/useMemo
/useCallback/Custom Hooks(カスタムフック)
・Reactのパフォーマンスチューニングが学べる
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ2500人突破
・Webアプリ/サイト開発数：200以上
・生きがい：プログラミングでサイトやアプリを作ること
useState: 3:01
useEffect: 9:18
useContext: 14:18
useRef: 21:13
useReducer: 24:27
useMemo: 31:36
useCallback: 45:25
カスタムhook: 50:42
★チャンネル登録はこちらから★
/ @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
※アフィリエイトリンクになります。
useState: 3:01
useEffect: 9:18
useContext: 14:18
useRef: 21:13
useReducer: 24:27
useMemo: 31:36
useCallback: 45:25
カスタムhook: 50:42
Mizureさん、どうもありがとうございます(._.)
29:35
やべえuseReducer意味わからんと思って見てたら「はい何言ってるかわからないと思いますね」って言ってくれたからなんか安心した
24歳とお若いのに、ハイレベルな技術がありとても尊敬します！
いや～、分かりやすいわ。一つ一つ噛み砕いて説明されてるのでどんどん頭に理屈が入ってくる。
初心者に対して白紙の状態からロジックを組み立てて用語の解説を入れながら順序立てて説明できるのはやっぱり思いやりの心と頭の良さがないと出来るものではないと思います。
得てして自分本位で相手のレベルを十分意識しないで説明を行ってしまうと誤解も生みやすく、結果聞いている方はチンプンカンプンで理解できない事になり、結果教える側の目的を達成したことになりません。
開発現場にこういう佳い先輩がいれば部下からも慕われ生産性が一気に伸びると思います。
優れた才能で本当に素晴らしい説明です。エンジニア育成のために大いに頑張ってください！
とてもうれしいコメントありがとうございます！
励みになります...🙏
本動画はhooksをはじめて触る人に向けた動画になりますので、丁寧に説明をしております。
私の最近の動画では少しレベルが高いものになっておりますので、またいずれこういった初心に立ち返る動画も作っていきたいと思いました。
ありがとうございます！！！
@@programming_tutorial_youtube リプライありがとうございます。
これからも継続的に視聴させていただきます。
学ぶ側にとって理解し難いことが目からウロコのように納得出来ることは大きな喜びです。
お世辞ではなく本心からそう思い感謝します。
ますますのご発展を心よりお祈りいたします。
本当に誰よりもわかりやすい解説でした！！
英語の本家Tutorialでは概念の理解が苦しかったので、とても勉強になりました。最後のuseLocalStorageフックは即戦力にできるくらい素晴らしいです！
高度な仕組みを理解できる能力と、それを庶民にわかるように言語化できる能力がすごすぎる。色んな人のUemyの講座とか受けまくってみたけど、プログラミングの説明だと
この人が今んとこ日本一だと思う。
とても嬉しいコメントありがとうございます。
あまり褒められることがなかったので、このコメントで少し自信をつけることができました。
これからも少しずつ動画も出していきます。ありがとうございました🤗
@@programming_tutorial_youtube shinさんの動画のお陰でめちゃ助かってます。
他にも多くのプログラミング初心者を救っていると思います。
こちらこそありがとうございます。
本当に一番分かりやすいです。
こんにちは、最近 UdemyのReactのsnsアプリ作成コースを購入した者です。
hooksについて講座中では軽くしか触れられていないのでチンプンカンプンでしたがこの動画で補完できました。これからも追い続けます。
ありがとうございます。
いつも助かってます😂
相変わらず分かりやすい！
もっと伸びてほしいけど伸びてほしくない...
GiKkさん、ご視聴ありがとうございます。
伸びてほしくないのですね笑
少しでも学習の参考になればうれしく思います。
これからもプログラミングチュートリアルをよろしくお願いします。
react関連で一番分かりやすいです。
ぜひreact×typescriptに関しての詳しい動画もお願いします！
yukiyaさん、ご視聴ありがとうございます。
そう言って頂けると励みになります。
typescriptですね。
ご視聴者様からのお声が多いので、検討してみます。ご提案ありがとうございます。
いつも参考にさせてもらっています。
ありがとうございます。
わかりやすい！早くこの動画見たかった
ありがとうございます。
すごく、わかりやすいです。
本当にわかりやすい…ありがとうございます！
死ぬほどわかりやすかったです！！
ハレさん、ご視聴ありがとうございます。
説明はざっくりとしており、正確な内容ではないかもしれませんが詳しく知りたい時は、適宜ドキュメントや書籍をみてくださると理解が深まると思います。
コメントありがとうございました。
わかりやすいです！説明うますぎです！
とても解りやすかったです。
わかりやすい動画ありがとうございます。
typescript使ってほしいです！
この動画はとてもわかりやすい！！！！
分かりやすいご説明ありがとうございました！
みちすけPさん、どうもありがとうございます！！！
2000円までいただいて恐縮でございます。。今後の活動のために利用
させていただますね☺
11:25 まじか。これ知らなかった！
とても素晴らしい動画でした。精進いたします。ありがとうございます。
こちらこそ、どうもご視聴ありがとうございました🙂
めっちゃ分かりやすかったです！
ありがとうございます！
Genさん、ご視聴ありがとうございます。
250円もいただきまして、どうも感謝いたします。
なるべく分かりやすいように解説するように心がけていきますね👍
いつもありがとうございます！
udemy購入させていただきました！
ところで、55:15のところで、依存配列にvalueだけでなくsetValueもいれているのは何故でしょうか？
valueだけでいいような気がしてしまします
いつも勉強させてもらっています。ありがとうございます。
質問なのですが、説明をお聞きしているとSubmitの時にServerへPostやGetするときはuseCallbackを使うべきと思うのですが合っていますでしょうか？
そのような場合はuseCallbackの使用頻度はかなり高くなると思います。
一番分かり易い
constとletは間違えたらアカン…そこからいつ直すんだとイライラしてしまうw
でもわかりやすかったです。
いいねえええええ
なんでwsl使わないんだろう
動画の趣旨と外れますが、 3:52 あたりで、画面に書き込みしているのはどうやっているのでしょうか？教えていただけると嬉しいです！
Epicpenと呼ばれるアプリです
@@programming_tutorial_youtube ありがとうございます！試してみます。
23:58
ハッカとおっしゃっているのは発火のことですかね？
そうです！
実装でreduxを使ったけど、
2度と使いたくないです、、、
ダラダラ説明がわかりにくい
理解力に問題がある