Shopee / shopee-react-knowledgeable

⚛︎ To share knowledge and have fun.
78 stars 19 forks source link

React Knowledgeable #76 - June 5 #212

Closed wgao19 closed 4 years ago

wgao19 commented 4 years ago

React Knowledgeable Week 76

🗓 Date: 18:00, Friday, June 5, 2020 🦄 Host: @wgao19 🌐 Location: https://youtu.be/yZlTAc3Vbuc

This week, we will have @jzhang026 to give us a heartening walk through of home cooking a little browser of your own.

🧸 Implement a Toy Web Browser #213

Once upon a time, an interviewer asked me what all happens behind the scenes from the time a URL was typed in the browser to the time when the page was shown on the screen. and if you search the question on Google, you may see quite a lot of answers, and the focus of each answer is different. I recently built a toy browser with javascript, which tries to render an HTML string into an image. Along the process, I got a deep understanding of how browser rendering works. Feature of the toy browser:

  • parse HTTP response
  • construct the DOM tree with the returned HTML string
  • compute CSS and match CSS rules with DOM
  • calculate the layout
  • render an image described by the HTML string
Checklist - [x] create YouTube live stream - [ ] update cal inv information (content, venue, live stream url, zoom lounge invitation)