diff --git a/content/reactjs/tricks.md b/content/reactjs/tricks.md deleted file mode 100644 index b6a762e7..00000000 --- a/content/reactjs/tricks.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -title: "Tricks in ReactJS" ---- - -## Forms - -* Using forms. [(source)](https://twitter.com/asidorenko\_/status/1482679799374098433?s=20) -![[Pasted image 20221024141905.png]] \ No newline at end of file diff --git a/content/system-design/frontend-system-design.md b/content/system-design/frontend-system-design.md index 902fe33d..a4aaccf8 100644 --- a/content/system-design/frontend-system-design.md +++ b/content/system-design/frontend-system-design.md @@ -2,6 +2,15 @@ title: Frontend System Design --- + +- How to create reusable table, then we increase the difficulty level by asking what if we need to handle generic filters on the provided data? Also we can go deeper by asking about actions for each row, and so on. + +- If we need to build a page like bing (the Microsoft search site), what’s your imagination to create the search input and load the results in frontend. We can ask for accessibility because page like this have to be accessible to all users whatever their preferences, how to load the results faster, images faster, caching, doing the api calls, the autocomplete of the input, …etc. + +- Twitter home page, instagram, e commerce marketplace like amazon, how to render components, optimization, making the buying process faster and smoother, etc. + + +**Articles** ## Audio Platforms - [Building Spotify’s New Web Player](https://engineering.atspotify.com/2019/03/building-spotifys-new-web-player/) - [Building the Future of Our Desktop Apps](https://engineering.atspotify.com/2021/04/building-the-future-of-our-desktop-apps/)