Youtor
React Tutorial Fundamentals Hooks Context API React Router Custom Hooks
YOUR LINK HERE:
http://youtube.com/watch?v=4UZrsTqkcW4
Learn the basics of React in this comprehensive course. You will learn about fundamentals, hooks, context API, react router, custom hooks, and more. • React is one of the most popular ways to build user interfaces using JavaScript. • 🎥 React projects video: • Code 15 React Projects - Complete Course • ✏️ Course from John Smilga of the Coding Addict channel. Check out his channel: / codingaddict • 💻 Basic React Code: https://github.com/john-smilga/react-... • 💻 Advanced React: https://github.com/john-smilga/react-... • ❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba) • ⭐️ Course Contents ⭐️ • ⌨️ (00:00) Intro • ⌨️ (01:09) About React • ⌨️ (06:51) Goals • ⌨️ (08:50) Structure • ⌨️ (09:46) Course Requirements • ⌨️ (11:45) Dev Environment Setup • ⌨️ (16:26) Text Editor Setup • ⌨️ (18:20) Command Line Basics • ⌨️ (25:00) NPM Basics • ⌨️ (35:07) Create-React-App • ⌨️ (37:05) Install Create-React-App • ⌨️ (43:19) Folder Structure • ⌨️ (52:25) Clean Boilerplate • ⌨️ (54:00) First Component • ⌨️ (1:04:13) Text Editor Setup • ⌨️ (1:12:29) First Component In Detail • ⌨️ (1:19:18) JSX Rules • ⌨️ (1:28:55) Nested Components And Tools • ⌨️ (1:34:50) Mini Book Project • ⌨️ (1:42:59) CSS Basics • ⌨️ (1:54:41) JSX Css • ⌨️ (2:01:31) JSX Javascript • ⌨️ (2:09:30) Props • ⌨️ (2:25:41) Props Destructuring • ⌨️ (2:29:44) Props - Children • ⌨️ (2:36:13) Simple List • ⌨️ (2:45:12) Proper List • ⌨️ (2:52:49) Key Prop And Spread Operator • ⌨️ (2:58:52) Event Basics • ⌨️ (3:11:12) Import And Export Statements • ⌨️ (3:23:25) Free Hosting • ⌨️ (3:28:22) Advanced Intro • ⌨️ (3:30:42) Get Starter Project • ⌨️ (3:31:35) Install Starter • ⌨️ (3:33:43) Starter Overview • ⌨️ (3:39:00) UseState - Simple Use Case • ⌨️ (3:48:44) UseState - Basics • ⌨️ (4:00:47) General Rules Of Hooks • ⌨️ (4:03:39) UseState - Array Example • ⌨️ (4:17:27) UseState - Object Example • ⌨️ (4:23:00) UseState - Multiple State Values • ⌨️ (4:26:17) Simple Counter • ⌨️ (4:32:10) Functional Update Form • ⌨️ (4:44:55) Matching Project • ⌨️ (4:47:27) useEffect - Basics • ⌨️ (4:57:47) useEffect - Conditional • ⌨️ (5:01:40) useEffect - Dependency List • ⌨️ (5:07:13) useEffect - Cleanup Function • ⌨️ (5:19:24) useEffect - Fetch Data • ⌨️ (5:31:29) Multiple Returns • ⌨️ (5:37:09) Multiple Returns - Fetching Data • ⌨️ (5:52:07) Short - Circuit Evaluation • ⌨️ (6:02:50) Ternary Operator • ⌨️ (6:11:30) Show/Hide Component • ⌨️ (6:20:15) Form Basics • ⌨️ (6:28:53) Controlled Inputs • ⌨️ (6:38:09) Add Item To The List • ⌨️ (6:50:32) Multiple Inputs • ⌨️ (7:06:29) useRef • ⌨️ (7:16:20) useReducer - UseState Setup • ⌨️ (7:29:52) useReducer - Refactor • ⌨️ (7:37:15) useReducer - Add Item • ⌨️ (7:53:14) useReducer - Remove Item • ⌨️ (8:00:56) Prop Drilling - • ⌨️ (8:14:36) Context API / - useContext • ⌨️ (8:26:22) Custom Hooks - useFetch • ⌨️ (8:38:09) PropTypes - Setup • ⌨️ (8:47:48) PropTypes - Images • ⌨️ (8:55:48) PropTypes - Default Values • ⌨️ (9:00:41) React Router Intro • ⌨️ (9:05:52) React Router - Basic Setup • ⌨️ (9:15:50) React Router - Error And Switch Component • ⌨️ (9:18:51) React Router - Links • ⌨️ (9:23:22) React Router - URL Params And Placeholder • ⌨️ (9:37:51) React Optimization Warning • ⌨️ (9:41:21) React.memo • ⌨️ (9:49:50) useCallback • ⌨️ (9:58:00) useMemo • ⌨️ (10:04:15) useCallback - Fetch Example • • -- • • Learn to code for free and get a developer job: https://www.freecodecamp.org • Read hundreds of articles on programming: https://freecodecamp.org/news
#############################
