chapter 1: introducing react and ui design · ludovico einaudi - ascolta indeepsilence 584,257...
TRANSCRIPT
![Page 1: Chapter 1: Introducing React and UI Design · Ludovico Einaudi - Ascolta Indeepsilence 584,257 views 2 years ago E-kwne Trending X History BEST OF YOUTUBE Music Gaming Movies TV News](https://reader033.vdocuments.us/reader033/viewer/2022041609/5e364ea828517251fb59ccd1/html5/thumbnails/1.jpg)
Chapter 1: Introducing React and UI Design
The hello-react folder
![Page 2: Chapter 1: Introducing React and UI Design · Ludovico Einaudi - Ascolta Indeepsilence 584,257 views 2 years ago E-kwne Trending X History BEST OF YOUTUBE Music Gaming Movies TV News](https://reader033.vdocuments.us/reader033/viewer/2022041609/5e364ea828517251fb59ccd1/html5/thumbnails/2.jpg)
Browser on running npm start
Output of npm test
![Page 3: Chapter 1: Introducing React and UI Design · Ludovico Einaudi - Ascolta Indeepsilence 584,257 views 2 years ago E-kwne Trending X History BEST OF YOUTUBE Music Gaming Movies TV News](https://reader033.vdocuments.us/reader033/viewer/2022041609/5e364ea828517251fb59ccd1/html5/thumbnails/3.jpg)
The BUILD folder
YouTube main page
![Page 4: Chapter 1: Introducing React and UI Design · Ludovico Einaudi - Ascolta Indeepsilence 584,257 views 2 years ago E-kwne Trending X History BEST OF YOUTUBE Music Gaming Movies TV News](https://reader033.vdocuments.us/reader033/viewer/2022041609/5e364ea828517251fb59ccd1/html5/thumbnails/4.jpg)
Highlighted components 1
Highlighted components 2
![Page 5: Chapter 1: Introducing React and UI Design · Ludovico Einaudi - Ascolta Indeepsilence 584,257 views 2 years ago E-kwne Trending X History BEST OF YOUTUBE Music Gaming Movies TV News](https://reader033.vdocuments.us/reader033/viewer/2022041609/5e364ea828517251fb59ccd1/html5/thumbnails/5.jpg)
Wikipedia home page
![Page 6: Chapter 1: Introducing React and UI Design · Ludovico Einaudi - Ascolta Indeepsilence 584,257 views 2 years ago E-kwne Trending X History BEST OF YOUTUBE Music Gaming Movies TV News](https://reader033.vdocuments.us/reader033/viewer/2022041609/5e364ea828517251fb59ccd1/html5/thumbnails/6.jpg)
Chapter 2: Creating Components
Our first React component
![Page 7: Chapter 1: Introducing React and UI Design · Ludovico Einaudi - Ascolta Indeepsilence 584,257 views 2 years ago E-kwne Trending X History BEST OF YOUTUBE Music Gaming Movies TV News](https://reader033.vdocuments.us/reader033/viewer/2022041609/5e364ea828517251fb59ccd1/html5/thumbnails/7.jpg)
Changing the styles
![Page 8: Chapter 1: Introducing React and UI Design · Ludovico Einaudi - Ascolta Indeepsilence 584,257 views 2 years ago E-kwne Trending X History BEST OF YOUTUBE Music Gaming Movies TV News](https://reader033.vdocuments.us/reader033/viewer/2022041609/5e364ea828517251fb59ccd1/html5/thumbnails/8.jpg)
The ProductList component
![Page 9: Chapter 1: Introducing React and UI Design · Ludovico Einaudi - Ascolta Indeepsilence 584,257 views 2 years ago E-kwne Trending X History BEST OF YOUTUBE Music Gaming Movies TV News](https://reader033.vdocuments.us/reader033/viewer/2022041609/5e364ea828517251fb59ccd1/html5/thumbnails/9.jpg)
Data propagation in a component hierarchy
![Page 10: Chapter 1: Introducing React and UI Design · Ludovico Einaudi - Ascolta Indeepsilence 584,257 views 2 years ago E-kwne Trending X History BEST OF YOUTUBE Music Gaming Movies TV News](https://reader033.vdocuments.us/reader033/viewer/2022041609/5e364ea828517251fb59ccd1/html5/thumbnails/10.jpg)
Chapter 3: Managing User Interactivity
Clicking on a product
![Page 11: Chapter 1: Introducing React and UI Design · Ludovico Einaudi - Ascolta Indeepsilence 584,257 views 2 years ago E-kwne Trending X History BEST OF YOUTUBE Music Gaming Movies TV News](https://reader033.vdocuments.us/reader033/viewer/2022041609/5e364ea828517251fb59ccd1/html5/thumbnails/11.jpg)
Unidirectional data flow
Triggering change
![Page 12: Chapter 1: Introducing React and UI Design · Ludovico Einaudi - Ascolta Indeepsilence 584,257 views 2 years ago E-kwne Trending X History BEST OF YOUTUBE Music Gaming Movies TV News](https://reader033.vdocuments.us/reader033/viewer/2022041609/5e364ea828517251fb59ccd1/html5/thumbnails/12.jpg)
Event flow
![Page 13: Chapter 1: Introducing React and UI Design · Ludovico Einaudi - Ascolta Indeepsilence 584,257 views 2 years ago E-kwne Trending X History BEST OF YOUTUBE Music Gaming Movies TV News](https://reader033.vdocuments.us/reader033/viewer/2022041609/5e364ea828517251fb59ccd1/html5/thumbnails/13.jpg)
Adding the quantity feature to a cart
![Page 14: Chapter 1: Introducing React and UI Design · Ludovico Einaudi - Ascolta Indeepsilence 584,257 views 2 years ago E-kwne Trending X History BEST OF YOUTUBE Music Gaming Movies TV News](https://reader033.vdocuments.us/reader033/viewer/2022041609/5e364ea828517251fb59ccd1/html5/thumbnails/14.jpg)
Adding a navigation bar
![Page 15: Chapter 1: Introducing React and UI Design · Ludovico Einaudi - Ascolta Indeepsilence 584,257 views 2 years ago E-kwne Trending X History BEST OF YOUTUBE Music Gaming Movies TV News](https://reader033.vdocuments.us/reader033/viewer/2022041609/5e364ea828517251fb59ccd1/html5/thumbnails/15.jpg)
A new view
![Page 16: Chapter 1: Introducing React and UI Design · Ludovico Einaudi - Ascolta Indeepsilence 584,257 views 2 years ago E-kwne Trending X History BEST OF YOUTUBE Music Gaming Movies TV News](https://reader033.vdocuments.us/reader033/viewer/2022041609/5e364ea828517251fb59ccd1/html5/thumbnails/16.jpg)
Nested views