课时
12 个部分 · 120 节课 · 15小时19分钟 总时长
第 1 至 10 节10 节课 · 1小时15分钟
- ReactJS Tutorial - 1 - Introduction10分钟
- ReactJS Tutorial - 2 - Hello World5分钟
- ReactJS Tutorial - 3 - Folder Structure6分钟
- ReactJS Tutorial - 4 - Components5分钟
- ReactJS Tutorial - 5 - Functional Components7分钟
- ReactJS Tutorial - 6 - Class Components6分钟
- ReactJS Tutorial - 7 - Hooks Update4分钟
- ReactJS Tutorial - 8 - JSX11分钟
- ReactJS Tutorial - 9 - Props12分钟
- ReactJS Tutorial - 10 - State11分钟
第 11 至 20 节10 节课 · 1小时41分钟
- ReactJS Tutorial - 11 - setState15分钟
- ReactJS Tutorial - 12 - Destructuring props and state5分钟
- ReactJS Tutorial - 13 - Event Handling8分钟
- ReactJS Tutorial - 14 - Binding Event Handlers12分钟
- ReactJS Tutorial - 15 - Methods as props9分钟
- ReactJS Tutorial - 16 - Conditional Rendering12分钟
- ReactJS Tutorial - 17 - List Rendering12分钟
- ReactJS Tutorial - 18 - Lists and Keys8分钟
- ReactJS Tutorial - 19 - Index as Key Anti-pattern11分钟
- ReactJS Tutorial - 20 - Styling and CSS Basics12分钟
第 21 至 30 节10 节课 · 1小时27分钟
- ReactJS Tutorial - 21 - Basics of Form Handling14分钟
- ReactJS Tutorial - 22 - Component Lifecycle Methods3分钟
- ReactJS Tutorial - 23 - Component Mounting Lifecycle Methods11分钟
- ReactJS Tutorial - 24 - Component Updating Lifecycle Methods11分钟
- ReactJS Tutorial - 25 - Fragments10分钟
- ReactJS Tutorial - 26 - Pure Components13分钟
- ReactJS Tutorial - 27 - memo4分钟
- ReactJS Tutorial - 28 - Refs10分钟
- ReactJS Tutorial - 29 - Refs with Class Components6分钟
- ReactJS Tutorial - 30 - Forwarding Refs7分钟
第 31 至 40 节10 节课 · 1小时15分钟
- ReactJS Tutorial - 31 - Portals9分钟
- ReactJS Tutorial - 32 - Error Boundary11分钟
- ReactJS Tutorial - 33 - Higher Order Components (Part 1)7分钟
- ReactJS Tutorial - 34 - Higher Order Components (Part 2)13分钟
- ReactJS Tutorial - 35 - Higher Order Components (Part 3)4分钟
- ReactJS Tutorial - 36 - Render Props (Part 1)5分钟
- ReactJS Tutorial - 37 - Render Props (Part 2)11分钟
- ReactJS Tutorial - 38 - Context (Part 1)3分钟
- ReactJS Tutorial - 39 - Context (Part 2)7分钟
- ReactJS Tutorial - 40 - Context (Part 3)5分钟
第 41 至 50 节10 节课 · 1小时8分钟
- ReactJS Tutorial - 41 - HTTP and React3分钟
- ReactJS Tutorial - 42 - HTTP GET Request8分钟
- ReactJS Tutorial - 43 - HTTP Post Request7分钟
- React Hooks Tutorial - 1 - Introduction8分钟
- React Hooks Tutorial - 2 - useState Hook11分钟
- React Hooks Tutorial - 3 - useState with previous state6分钟
- React Hooks Tutorial - 4 - useState with object7分钟
- React Hooks Tutorial - 5 - useState with array6分钟
- React Hooks Tutorial - 6 - useEffect Hook4分钟
- React Hooks Tutorial - 7 - useEffect after render7分钟
第 51 至 60 节10 节课 · 56分钟
- React Hooks Tutorial - 8 - Conditionally run effects8分钟
- React Hooks Tutorial - 9 - Run effects only once5分钟
- React Hooks Tutorial - 10 - useEffect with cleanup6分钟
- React Hooks Tutorial - 11 - useEffect with incorrect dependency10分钟
- React Hooks Tutorial - 12 - Fetching data with useEffect Part 16分钟
- React Hooks Tutorial - 13 - Fetching data with useEffect Part 25分钟
- React Hooks Tutorial - 14 - Fetching data with useEffect Part 33分钟
- React Hooks Tutorial - 15 - useContext Hook Part 14分钟
- React Hooks Tutorial - 16 - useContext Hook Part 26分钟
- React Hooks Tutorial - 17 - useContext Hook Part 33分钟
第 61 至 70 节10 节课 · 1小时27分钟
- React Hooks Tutorial - 18 - useReducer Hook9分钟
- React Hooks Tutorial - 19 - useReducer (simple state & action)10分钟
- React Hooks Tutorial - 20 - useReducer (complex state & action)9分钟
- React Hooks Tutorial - 21 - Multiple useReducers3分钟
- React Hooks Tutorial - 22 - useReducer with useContext12分钟
- React Hooks Tutorial - 23 - Fetching data with useReducer Part 17分钟
- React Hooks Tutorial - 24 - Fetching data with useReducer Part 27分钟
- React Hooks Tutorial - 25 - useState vs useReducer4分钟
- React Hooks Tutorial - 26 - useCallback Hook15分钟
- React Hooks Tutorial - 27 - useMemo Hook11分钟
第 71 至 80 节10 节课 · 1小时21分钟
- React Hooks Tutorial - 28 - useRef Hook Part 14分钟
- React Hooks Tutorial - 29 - useRef Hook Part 210分钟
- React Hooks Tutorial - 30 - Custom Hooks2分钟
- React Hooks Tutorial - 31 - useDocumentTitle Custom Hook9分钟
- React Hooks Tutorial - 32 - useCounter Custom Hook8分钟
- React Hooks Tutorial - 33 - useInput Custom Hook10分钟
- How To Debug React Apps18分钟
- React Render Tutorial - 1 - Introduction3分钟
- React Render Tutorial - 2 - Rendering6分钟
- React Render Tutorial - 3 - useState13分钟
第 81 至 90 节10 节课 · 1小时22分钟
- React Render Tutorial - 4 - useReducer9分钟
- React Render Tutorial - 5 - State Immutability11分钟
- React Render Tutorial - 6 - Parent and Child11分钟
- React Render Tutorial - 7 - Same Element Reference13分钟
- React Render Tutorial - 8 - React memo8分钟
- React Render Tutorial - 9 - Questions on Optimization6分钟
- React Render Tutorial - 10 - Incorrect memo with children6分钟
- React Render Tutorial - 11 - Incorrect memo with Impure Component5分钟
- React Render Tutorial - 12 - Incorrect memo with props Reference7分钟
- React Render Tutorial - 13 - useMemo and useCallback4分钟
第 91 至 100 节10 节课 · 1小时2分钟
- React Render Tutorial - 14 - Context11分钟
- React Render Tutorial - 15 - Context and memo4分钟
- React - 16 - Context and Same Element Reference4分钟
- React TypeScript Tutorial - 1 - Introduction3分钟
- React TypeScript Tutorial - 2 - Getting Started5分钟
- React TypeScript Tutorial - 3 - Typing Props6分钟
- React TypeScript Tutorial - 4 - Basic Props8分钟
- React TypeScript Tutorial - 5 - Advanced Props10分钟
- React TypeScript Tutorial - 6 - Event Props7分钟
- React TypeScript Tutorial - 7 - Style Props4分钟
第 101 至 110 节10 节课 · 1小时
- React TypeScript Tutorial - 8 - Prop Types and Tips4分钟
- React TypeScript Tutorial - 9 - useState Hook5分钟
- React TypeScript Tutorial - 10 - useState Future Value6分钟
- React TypeScript Tutorial - 11 - useState Type Assertion2分钟
- React TypeScript Tutorial - 12 - useReducer Hook7分钟
- React TypeScript Tutorial - 13 - useReducer Strict Action Types6分钟
- React TypeScript Tutorial - 14 - useContext Hook7分钟
- React TypeScript Tutorial - 15 - useContext Future Value12分钟
- React TypeScript Tutorial - 16 - useRef Hook7分钟
- React TypeScript Tutorial - 17 - Class Component4分钟
第 111 至 120 节10 节课 · 1小时24分钟
- React TypeScript Tutorial - 18 - Component Prop5分钟
- React TypeScript Tutorial - 19 - Generic Props9分钟
- React TypeScript Tutorial - 20 - Restricting Props6分钟
- React TypeScript Tutorial - 21 - Template Literals and Exclude6分钟
- React TypeScript Tutorial - 22 - Wrapping HTML Elements8分钟
- React TypeScript Tutorial - 23 - Extracting a Components Prop Types3分钟
- React TypeScript Tutorial - 24 - Polymorphic Components10分钟
- React TypeScript Tutorial - 25 - Wrapping up2分钟
- React Interview Questions | A Preparation Guide8分钟
- Learn react-admin in 30 minutes26分钟
需要什么
- 无需基础:课程从零讲起。
课程介绍
React is an open source javascript library for building user interfaces. React is a project created and maintained by Facebook. React has more than a 100 thousand stars on GitHub and a huge community behind it. React has become increasingly popular among developers and is also one of the most sought out skill-sets by companies right now. React has a component based architecture. This lets you break down your application into small encapsulated parts which can then be composed to make more complex UI. React is declarative. React will make it painless for you to create complex UIs by abstracting away the difficult parts. React will handle efficiently updating and rendering just the right components in your application when your data changes. DOM updates which is one of the more expensive operations is handled gracefully in React.
适合谁
- 从零开始学React的人。
这两项是我们根据课程难度得出的判断,课程介绍是作者本人写的。