r20 Make Lists Flexible | Easy Learning

Autoplay
Autocomplete

Previous Lesson Complete and Continue

React JS Fundamental A-Z

React JS Fundamental

01. React JS Fundamental Introduction (2:11)
Get in Touch
02. What You Should Know (1:00)
03. Let, Const Var in Javascript (12:40)
04. Arrow Function of JS (12:49)
05. This Keyword of Javascript (8:24)
06. Classes, Object in JS (9:12)
07. Project Setup (7:16)
08. Project Structure and First Code (7:14)
09. Babel ,Webpack (5:47)
10. Components (2:16)
11. Functional Components (7:11)
12. Class Components (4:43)
13. JSX (5:46)
14. Props (5:30)
15. State (9:12)
16. Event Handler with Methods (7:59)
17. State Manipulating (5:36)
18 React DOM (3:22)
19 UseState Hook (11:23)
20 Two Way Data Binding, on Change (11:24)
21 Stylesheet & Inline Style in Component (8:27)
22 Single Input (5:26)
23 OnChange (7:50)
24 Another Way Onchange (5:19)
25 OnSubmit (6:07)
26 Multiple Input (6:37)
27 Set Data to State in One Line (11:58)
28 Form Validation (7:24)
29 Error Showing (10:36)
30 Textarea (6:54)
31 Select Option (7:46)
32 Lists (7:23)
33 JSON Array List (7:17)
34 Use Bootstrap (7:11)
35 React Bootstrap (9:52)
36 Routing (5:43)
37 React Router DOM (6:00)
38 Router Link Load Component (22:30)
39 HTTP Request (6:38)
40 Axios,Lifecycle Methods (3:27)
41 Fetch Data From API (20:08)
42 Link Load Component (8:45)
43 Form Component (7:40)
44 Http Post Data (13:14)
45 ActiveLink (5:14)
46 React Hooks (2:54)
47 UseState , Class Component to Functional Component (10:36)
48 Functional Component to Class Component (8:00)

React - A JavaScript Library Updated 2022

r1. What is React? (1:51)
r2 Top Reasons Why You Should Learn React Right Now (1:47)
r3. What will we learn? (0:53)
Project Source Code - Downloadable Resource.

Basic Features and Syntax

r4. Install Create-React-App (5:30)
r5. Project Folder Structure (9:00)
r6. React Component Basic (6:57)
r7. JSX Syntax (4:00)
r8. Writing Class Component (7:32)
r9. Dynamic Functional Component (11:26)
r10. Dynamic Class Component (4:32)
r11. Writing a new Component (11:03)
r12. State of a Component (10:46)
r13. Changing State with JS event (8:26)
r14. Pass Method in props (4:20)
r15. Change State With Input Elements (5:27)
r16. Styling Components (7:34)

Component Lists

r17. Creating Component List (11:09)
r18. Change state (8:34)
r19. Key of List Children (3:00)
r20 Make Lists Flexible (10:29)

Conditional Rendering

r21. Render Conditionally (7:08)
r22. Better Solution (3:36)

Restaurant Project (Basics)

r23. Setup Project Folder (8:44)
r24. Component Tree (10:51)
r25. Navigation bar using Reactstrap (7:15)
r26. Creating Menu Component (16:43)
r27. Designing Menu Item (7:28)
r28. DishDetail Component Part 1 (10:29)
r29. DishDetail Component Part 2 (7:59)
r30 LoadComments Component (10:30)
r31. React Developer Tools (5:28)

Restaurant Project (Adding Router)

r32 . Preparing Project for Router (7:56)
r33 . Designing Navigation Bar- (12:21)
r34 . Adding Routes (6:47)
r35 . Some Changes in Menu Component (13:24)

Restaurant Project (Adding Forms)

r36 Contact Form (9:01)
r37. Contact Form Handling (14:08)
r38 Footer Component (7:53)
r39. Dynamic Title (2:50)
r40. Load Comments from Comment js (9:33)
r41. Update Menu Modal Width (2:05)

Teach online with

r20 Make Lists Flexible

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock