【初級】ウェブサイト制作を彩るJavaScript「React」とは？フロントエンド開発でのメリット解説＆実技付き（UI・プログラミング・アプリ開発）【たった1動画で全てが分かるReactの教科書】

▼ビジネススキルを上げるための最強の読書リストの受け取りはこちらhttps://college.youseful.jp/booklist

▶︎動画内で使用しているCSSはこちら
https://github.com/reachscript-jak/us...

【たった1動画で全てが分かるReactの教科書】
アプリ開発やウェブサイトの制作。プログラミングを扱う上で切っても切り離せないのが「ライブラリ」と呼ばれる存在です。面倒な操作を圧倒的に短縮してくれる高性能なライブラリ、かつJavaScriptにおけるデザイン面(UI)の担保をするのに一押しのライブラリがこのReactです！この動画はCodeSandboxの機能説明からタスクの追加・完了・削除・戻す機能、そしてアプリの改善といった実践的な内容も含みます。MCプロフィールの下に動画目次（サマリー）を付けていますので、参照の上ご視聴ください！


🔥 ここをみた方はYousefulチャンネル登録必須です！🔥
   / @youseful_skill  


＝＝＝＝MCプロフィール＝＝＝＝

　
「じゃけぇ（岡田 拓巳）」

株式会社Reach Script代表取締役
SIer、フリーランスのフロントエンドエンジニアを経て同社を設立。自身もエンジニアとしてペット×テクノロジーのベンチャー企業でサービス開発に取り組む。
動画教材販売プラットフォームUdemyでReactのコースを２つ出しており、最高評価を獲得する等ベストセラー講師となっている。
また、React入門書である「モダンJavaSciptの基本から始めるReact実践の教科書(最新ReactHooks対応)」をSBクリエイティブより出版している。

・じゃけぇさんのUdemy講座クーポン：https://freelance-jak.com/react_coupon/
・【書籍】React入門書：https://www.amazon.co.jp/dp/481561072X
・じゃけぇさんのTwitter：  / bb_ja_k  
・株式会社Reach Script：https://reach-script.com/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝


＊＊＊＊＊＊＊

▼動画サマリ—
00:00 オープニング
02:30 ～はじめに～
02:30 ～CodeSandboxの紹介～
05:44 ～CodeSandboxの機能説明～
10:38 ～GitHubにリポジトリを作ってみよう～
17:58 ～JSX記法のルールを知る～
24:30 ～コンポーネントの使い方を知る～
27:55 ～Reactでのイベントやスタイルの扱い方を知る～
33:11 ～Propsを知る～
46:09 ～Stateを知る～
50:52 ～再レンダリングと副作用を知る～
1:14:20 ～exportの種類について～
1:17:34 ～React開発の準備～
1:22:44 ～JSXで構造を作成～
1:26:50 ～Reactでの実装を意識したモックに変更～
1:33:05 ～タスクの追加機能～
1:42:20 ～タスクの削除機能～
1:48:51 ～タスクの完了機能～
1:53:26 ～タスクの戻す機能～
1:58:10 ～アプリのカイゼン(コンポーネント化)～
2:19:49 ～アプリのカイゼン(CSS-in-JS)～
2:24:06 ～アプリのカイゼン(TODOの上限設定)～
2:30:55 エンディング

＊＊＊＊＊＊＊
　
社会人におすすめのスキルアップ動画一覧
　
＊＊＊＊＊＊＊
　
【超入門コース】Excel｜ビジネス基礎力養成講座（初心者向け）
   • Excel( "ExcelPro" の基礎編)  
　
【超入門コース】Excel VBA｜ビジネス戦闘力養成講座（初心者向け）
   • Excel VBA  
　
【超入門コース】Outlook｜ビジネス基礎力養成講座（初心者向け）
   • Outlook  
　
【超入門コース】Teams｜ビジネス基礎力養成講座（初心者向け）
   • Teams  
　
【超入門コース】Zoom｜リモートワーク力養成講座（初心者向け）
   • Плейлист  
　
【超入門コース】Slack｜リモートワーク力養成講座（初心者向け）
   • Плейлист  
　
＊＊＊＊＊＊＊


🔥 お仕事の依頼やお問い合わせはこちらから 🔥
https://form.run/@youseful-contact
　

▼概要欄のサービスリンクには、amazonアソシエイト等のASPアフィリエイトリンクが貼られています。
https://youseful.jp/


▼本動画で紹介されているような会社名、商品名、製品名などは一般に各社の登録商標または商標です。本動画の中では※やTMマークは明記しておりません。

#JavaScript #React #Youseful