Introduction - บทนำ
ติดตั้ง ReactJS
JavaScript ES6 ( ECMAScript 2015) ที่เราควรรู้ก่อนเขียน ReactJS
Higher Order Functions
ทำความรู้จักกับ JSX ในการเขียน React
React Class Component
-
Create a Class Component (4:51)
-
Class constructor method (1:17)
-
Props (5:39)
-
State & setState() (5:02)
-
Events (2:06)
-
Bind " this " (9:21)
-
React Forms (4:05)
-
Coditional Rendering (1:48)
-
Submitting Forms (2:01)
-
Multiple Input Fields (3:54)
-
Validating Form Input (4:30)
-
Textarea & Select (3:48)
-
React with CSS (7:03)
-
React with SASS (5:36)
React Class Project - Pokemon Finder App
React Class Project - Markdown Editor
React Class Project - Emoji Search App
React Functional Component
-
Intro (2:46)
-
Props (2:59)
-
Arrow function (1:54)
-
State ( useState ) (5:32)
-
Event hanlder (1:36)
-
Callback function (8:12)
-
Lifecycle ( Mount ) (7:17)
-
Lifecycle ( Update ) (12:51)
-
Memo ( performance optimization ) (4:51)
-
Export & Import (3:24)
-
Ref ( useRef ) (7:20)
-
Proptypes (6:59)
-
Function Component vs Class Component (7:56)
React Hooks
React Router
React Build Personal Portfolio Web app
CaptureApp - A photo gallery with search
React + Firebase Full Stack Project | Instagram Clone 📷
-
Intro (4:35)
-
Setup (7:58)
-
Post component (6:47)
-
CommentBox component (3:37)
-
Comments component (3:53)
-
Setup Firebase & Firestore (6:21)
-
Fetch data from firebase (12:22)
-
Auth component (17:17)
-
Sign Up & Sign In (12:06)
-
PostUpload component (20:47)
-
Guest login (6:28)
-
Comment features (9:32)
-
Fetch & Display comments (7:44)
-
Load more comments features (6:20)
-
Load more posts features (10:30)
-
Fix upload image (2:38)
-
Deploy to netlify (3:10)
