Skip to content

Latest commit

Β 

History

History
30 lines (28 loc) Β· 1.24 KB

File metadata and controls

30 lines (28 loc) Β· 1.24 KB

Episode 4 – Talk is cheap, show me the code

Detailed Mention of Topics and its Timestamps according to Namaste React Web Series

00:14:00 – Mock design, Various sections of a web page and its coding 
00:23:00 – CSS coding
00:29:00 – Created a Header element using React
00:36:00 – CSS for body component & restaurant card
00:38:33 – Inline style of writing CSS in JSX
00:42:00 – JSX feature 
00:45:00 – Adding an image to restaurant card
00:49:00 – Coding inside App.js, adding details to restaurant card
00:54:00 – Multiple Restaurant Cards
00:59:25 – Making a Restaurant card with dynamic data, PROPS, Passing a prop to a component
01:07:30 – Destructure the props
01:14:00 – Install Chrome extension – JSON Viewer
01:15:40 – Config Driven UI, Data layer & UI layer
01:26:00 – Bug found in the API
01:33:27 – Array + join(.) usage
01:35:00 – Further modifying the CSS
01:36:00 – Making the image dynamic too, cloudinary image, String concatenation
01:44:14 – Restaurant card becomes Dynamic 
01:47:00 – Optimizimg the code, Optional Chaining
01:50:00 – usage of map() function
01:56:00 – React feature 
01:58:00 – Unique Key Property
02:08:05 – Lists & Keys, react.js org
02:12:00 – Session Recap