Frontend development tips

Question 1

Why onSuccess/onError removed from useQuery

Answer 1

• An additional render cycle
• The callbacks might not run (cache)

soultion: onDataChanged in effect

https://tkdodo.eu/blog/breaking-react-querys-api-on-purpose#state-syncing

Question 2

How can slow down the browser speed?

Answer 2

Chrome DevTools > Performance Tab
CPU = 4 *slow down or …

Question 3

Which size metric is most relevant when considering the impact of a JavaScript library on a project?

Answer 3

The minified and gzipped size is the most relevant metric as it reflects the compressed size of the JavaScript code for efficient network transfer and optimal page loading.

https://bundlephobia.com/

Question 4

what’s the categories for a system design in frontend side

Answer 4

• features
• non-functional requirements
• user experience
• engineering
• back in API

Question 5

what things are considered in features category FE sys Design

Answer 5

• MVP
• high-level estimation
• core functionality

High level estimation
data volume , Peak traffic

Question 6

what items are included in non-functional requirements in front end system design

Answer 6

• performance
• offline mode
• security
• high availability

performance
* Cache
* CDN
* load on demand or preload
* page spliting

offline mode
* local storage
* indexedDB

security
* xss
* csrf

high availability
* load balancer
* health check