【React Hooks入門】完全初心者OK!8種類のHooksを学んでReactの理解を深めよう

  Рет қаралды 60,764

Shin Coding Tutorial

Shin Coding Tutorial

2 жыл бұрын

#入門 #react #reacthooks #hooks #javascript #プログラミング #webアプリ開発 #web
【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
↓↓↓↓↓
shincode.info/2021/12/31/udemy...
\ShinCode_Camp開校しました/
プログラミング講座&副業・起業&就職・転職が学べるプラットフォーム🚀
🎁月額2500円で全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁コミュニティ機能付き
🎁いつでも解約可能etc...
↓↓↓↓↓
code-s-school-5bc2.thinkific....
-----------------------------------------------------------------------------------------------------------------------------
【募集】Web開発/Webサイト制作を頼みたい方はこちらのリンクからお問い合わせください
↓↓↓↓↓
worldhacks.co.jp/
\Webスキルが付いたらWebエンジニアに挑戦してみよう/
私が実際にWebのお仕事を頂いている会社で働いてみよう🚀
応募は下記リンクから

www.wantedly.com/projects/102...
✅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
★チャンネル登録はこちらから★
/ @user-hl9uv6cv7k
★今回のソースコード★
github.com/Shin-sibainu/react...
★運営者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
※アフィリエイトリンクになります。

Пікірлер: 50
@mizure
@mizure 2 жыл бұрын
useState: 3:01 useEffect: 9:18 useContext: 14:18 useRef: 21:13 useReducer: 24:27 useMemo: 31:36 useCallback: 45:25 カスタムhook: 50:42
@user-hl9uv6cv7k
@user-hl9uv6cv7k 2 жыл бұрын
Mizureさん、どうもありがとうございます(._.)
@user-kn7es2pq8t
@user-kn7es2pq8t 2 күн бұрын
いや~、分かりやすいわ。一つ一つ噛み砕いて説明されてるのでどんどん頭に理屈が入ってくる。 初心者に対して白紙の状態からロジックを組み立てて用語の解説を入れながら順序立てて説明できるのはやっぱり思いやりの心と頭の良さがないと出来るものではないと思います。 得てして自分本位で相手のレベルを十分意識しないで説明を行ってしまうと誤解も生みやすく、結果聞いている方はチンプンカンプンで理解できない事になり、結果教える側の目的を達成したことになりません。 開発現場にこういう佳い先輩がいれば部下からも慕われ生産性が一気に伸びると思います。 優れた才能で本当に素晴らしい説明です。エンジニア育成のために大いに頑張ってください!
@user-hl9uv6cv7k
@user-hl9uv6cv7k 2 күн бұрын
とてもうれしいコメントありがとうございます! 励みになります...🙏 本動画はhooksをはじめて触る人に向けた動画になりますので、丁寧に説明をしております。 私の最近の動画では少しレベルが高いものになっておりますので、またいずれこういった初心に立ち返る動画も作っていきたいと思いました。 ありがとうございます!!!
@user-kn7es2pq8t
@user-kn7es2pq8t 2 күн бұрын
@@user-hl9uv6cv7k リプライありがとうございます。 これからも継続的に視聴させていただきます。 学ぶ側にとって理解し難いことが目からウロコのように納得出来ることは大きな喜びです。 お世辞ではなく本心からそう思い感謝します。 ますますのご発展を心よりお祈りいたします。
@user-le8kw6lx7q
@user-le8kw6lx7q Жыл бұрын
29:35 やべえuseReducer意味わからんと思って見てたら「はい何言ってるかわからないと思いますね」って言ってくれたからなんか安心した
@KBTMGJAF
@KBTMGJAF Жыл бұрын
24歳とお若いのに、ハイレベルな技術がありとても尊敬します!
@hiroakiterada6365
@hiroakiterada6365 2 жыл бұрын
わかりやすいです!説明うますぎです!
@Boson328
@Boson328 Жыл бұрын
本当にわかりやすい…ありがとうございます!
@yuta8249
@yuta8249 Жыл бұрын
本当に誰よりもわかりやすい解説でした!!
@vaderdath8837
@vaderdath8837 Жыл бұрын
本当に一番分かりやすいです。
@riontakashi
@riontakashi Жыл бұрын
とても解りやすかったです。
@yukisyo24
@yukisyo24 Жыл бұрын
わかりやすい!早くこの動画見たかった
@wata-r5y
@wata-r5y Жыл бұрын
いつも参考にさせてもらっています。 ありがとうございます。
@user-kf4ub7nh5y
@user-kf4ub7nh5y Жыл бұрын
この動画はとてもわかりやすい!!!!
@user-rz7dn7dr9d
@user-rz7dn7dr9d Жыл бұрын
ありがとうございます。 すごく、わかりやすいです。
@dq-music
@dq-music Жыл бұрын
英語の本家Tutorialでは概念の理解が苦しかったので、とても勉強になりました。最後のuseLocalStorageフックは即戦力にできるくらい素晴らしいです!
@gen2965
@gen2965 2 жыл бұрын
めっちゃ分かりやすかったです! ありがとうございます!
@user-hl9uv6cv7k
@user-hl9uv6cv7k 2 жыл бұрын
Genさん、ご視聴ありがとうございます。 250円もいただきまして、どうも感謝いたします。 なるべく分かりやすいように解説するように心がけていきますね👍
@shoutMaschine
@shoutMaschine 10 ай бұрын
こんにちは、最近 UdemyのReactのsnsアプリ作成コースを購入した者です。 hooksについて講座中では軽くしか触れられていないのでチンプンカンプンでしたがこの動画で補完できました。これからも追い続けます。 ありがとうございます。
@MichisukeP
@MichisukeP Жыл бұрын
分かりやすいご説明ありがとうございました!
@user-hl9uv6cv7k
@user-hl9uv6cv7k Жыл бұрын
みちすけPさん、どうもありがとうございます!!! 2000円までいただいて恐縮でございます。。今後の活動のために利用 させていただますね☺
@mirai6964
@mirai6964 Жыл бұрын
わかりやすい動画ありがとうございます。 typescript使ってほしいです!
@user-pb7gw9kh3b
@user-pb7gw9kh3b 2 жыл бұрын
死ぬほどわかりやすかったです!!
@user-hl9uv6cv7k
@user-hl9uv6cv7k 2 жыл бұрын
ハレさん、ご視聴ありがとうございます。 説明はざっくりとしており、正確な内容ではないかもしれませんが詳しく知りたい時は、適宜ドキュメントや書籍をみてくださると理解が深まると思います。 コメントありがとうございました。
@gikkmur1082
@gikkmur1082 2 жыл бұрын
相変わらず分かりやすい! もっと伸びてほしいけど伸びてほしくない...
@user-hl9uv6cv7k
@user-hl9uv6cv7k 2 жыл бұрын
GiKkさん、ご視聴ありがとうございます。 伸びてほしくないのですね笑 少しでも学習の参考になればうれしく思います。 これからもプログラミングチュートリアルをよろしくお願いします。
@y-2_kg
@y-2_kg 2 жыл бұрын
react関連で一番分かりやすいです。 ぜひreact×typescriptに関しての詳しい動画もお願いします!
@user-hl9uv6cv7k
@user-hl9uv6cv7k 2 жыл бұрын
yukiyaさん、ご視聴ありがとうございます。 そう言って頂けると励みになります。 typescriptですね。 ご視聴者様からのお声が多いので、検討してみます。ご提案ありがとうございます。
@mabokikaku
@mabokikaku 7 ай бұрын
高度な仕組みを理解できる能力と、それを庶民にわかるように言語化できる能力がすごすぎる。色んな人のUemyの講座とか受けまくってみたけど、プログラミングの説明だと この人が今んとこ日本一だと思う。
@user-hl9uv6cv7k
@user-hl9uv6cv7k 7 ай бұрын
とても嬉しいコメントありがとうございます。 あまり褒められることがなかったので、このコメントで少し自信をつけることができました。 これからも少しずつ動画も出していきます。ありがとうございました🤗
@mabokikaku
@mabokikaku 7 ай бұрын
@@user-hl9uv6cv7k shinさんの動画のお陰でめちゃ助かってます。 他にも多くのプログラミング初心者を救っていると思います。 こちらこそありがとうございます。
@yayuyo7188
@yayuyo7188 Жыл бұрын
11:25 まじか。これ知らなかった!
@xx2005usdjpy
@xx2005usdjpy Жыл бұрын
いつも勉強させてもらっています。ありがとうございます。 質問なのですが、説明をお聞きしているとSubmitの時にServerへPostやGetするときはuseCallbackを使うべきと思うのですが合っていますでしょうか? そのような場合はuseCallbackの使用頻度はかなり高くなると思います。
@dontbothermeidiot
@dontbothermeidiot Жыл бұрын
一番分かり易い
@2hemispheres2
@2hemispheres2 2 жыл бұрын
いつもありがとうございます! udemy購入させていただきました! ところで、55:15のところで、依存配列にvalueだけでなくsetValueもいれているのは何故でしょうか? valueだけでいいような気がしてしまします
@user-kf4ub7nh5y
@user-kf4ub7nh5y Жыл бұрын
いいねえええええ
@shiki7271
@shiki7271 Жыл бұрын
23:58
@fumokmm
@fumokmm Жыл бұрын
動画の趣旨と外れますが、 3:52 あたりで、画面に書き込みしているのはどうやっているのでしょうか?教えていただけると嬉しいです!
@user-hl9uv6cv7k
@user-hl9uv6cv7k Жыл бұрын
Epicpenと呼ばれるアプリです
@fumokmm
@fumokmm Жыл бұрын
@@user-hl9uv6cv7k ありがとうございます!試してみます。
@ko5258
@ko5258 Жыл бұрын
ハッカとおっしゃっているのは発火のことですかね?
@user-hl9uv6cv7k
@user-hl9uv6cv7k Жыл бұрын
そうです!
@psbita0310
@psbita0310 3 ай бұрын
実装でreduxを使ったけど、 2度と使いたくないです、、、
@iandmetick07
@iandmetick07 29 күн бұрын
ダラダラ説明がわかりにくい
@user-gv4un6oc3v
@user-gv4un6oc3v 26 күн бұрын
理解力に問題がある
@at3141
@at3141 9 ай бұрын
とても素晴らしい動画でした。精進いたします。ありがとうございます。
@user-hl9uv6cv7k
@user-hl9uv6cv7k 9 ай бұрын
こちらこそ、どうもご視聴ありがとうございました🙂
GraphQLとReactで簡単な犬画像ギャラリーを作ってみよう【GraphCMSを利用】
26:58
プログラミングチュートリアル
Рет қаралды 7 М.
ReactでCSS書くならどれ使う?
18:16
ムーザルちゃんねる
Рет қаралды 9 М.
THEY WANTED TO TAKE ALL HIS GOODIES 🍫🥤🍟😂
00:17
OKUNJATA
Рет қаралды 24 МЛН
БОЛЬШОЙ ПЕТУШОК #shorts
00:21
Паша Осадчий
Рет қаралды 10 МЛН
Nutella bro sis family Challenge 😋
00:31
Mr. Clabik
Рет қаралды 13 МЛН
Clowns abuse children#Short #Officer Rabbit #angel
00:51
兔子警官
Рет қаралды 49 МЛН
コーディングを学ぶ方法(より早く、より簡単に)
14:32
プログラミングチュートリアル
Рет қаралды 34 М.
Reactのpropsがピンと来ない方に向けて15分で解説
15:33
React Hooks - Полный Курс (Про Все Хуки в 1 видео!)
1:47:00
Владилен Минин
Рет қаралды 439 М.
皆さんに知ってほしいたった1つのこと【自己啓発/モチベーション】
16:51
プログラミングチュートリアル
Рет қаралды 6 М.
Next.js 13入門 - App Router対応
37:03
たにぐち まことのともすたチャンネル
Рет қаралды 7 М.
THEY WANTED TO TAKE ALL HIS GOODIES 🍫🥤🍟😂
00:17
OKUNJATA
Рет қаралды 24 МЛН