#Tech

今天想React了

1. 可以通过console.time()和console.timeEnd()包裹来计算中间运算的耗时。
2. 有CPU节流工具可以用。
3. 每次应用加载时执行一次，而不是在 每次组件挂载时执行一次。¹
4. 顶层代码会在组件被导入时执行一次
5. useSyncExternalStore 在模块初始化和应用渲染之前执行它：

if (typeof window !== 'undefined') { // 检测我们是否在浏览器环境  
	// ✅ 只在每次应用加载时执行一次  
	checkAuthToken();  
	loadDataFromLocalStorage();  
}  

function App() {  
// ...  
}

let didInit = false;  

function App() {  
	useEffect(() => {  
		if (!didInit) {  
		didInit = true;  
		// ✅ 只在每次应用加载时执行一次  
		loadDataFromLocalStorage();  
		checkAuthToken();  
		}  
	}, []);  
	// ...  
}

Footnotes

1. ↩