react ajax manager

(近期将不断更新 1)

前段开发最常接触到的既是 ajax,即与后段通讯

ChunkLoadError: Loading chunk node_modules_next_dist_client_dev_noop_js failed

1
sudo rm -r .next

then, restart

Warning: Prop className did not match.

A quick fix to that is to delete the .next build folder & restart the server again
git issue

(译) React-Redux 官方 Hooks 文档说明

Hooks

React 的新 “hooks” APIs 赋予了函数组件使用本地组件状态,执行副作用,等各种能力。

React Redux 现在提供了一系列 hook APIs 作为现在 connect() 高阶组件的替代品。这些 APIs 允许你,在不使用 connect() 包裹组件的情况下,订阅 Redux 的 store,和 分发(dispatch) actions。

这些 hooks 首次添加于版本 v7.1.0。

react hooks

额外的 Hook 大部分为性能优化所提供

  • 优化需要成本
  • 过度的优化只会让性能变得更差
  • 避免为了测试学习而使用额外的 hook

useEffect

1
useEffect(didUpdate: function, conditions: Array);

useEffect 内部调用的函数,应该在 useEffect 函数内部声明,以避免BUG 发生

start react project

create react app

create-react-app

1
2
3
npx create-react-app my-app
cd my-app
npm start
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×