前端高薪进击手记

src/store/reducers/root.reducer.js 通过combineReducers方法对reducers目录下的reducers进行合并并导出。配置客户端的provider，在根目录下创建gatsby-browser.js文件，导出wrapRootElement方法。配置server端的provider，在根目录下创建gatsby-ssr.js文件。创建src/store目录，创建createStore.js文件。在页面或组件中使用store中的数据和修改数据。

`react/jsx-uses-vars` 和 `react/jsx-uses-react` 规则启用，用于检测未使用的变量和未导入 React 的问题。- `jsx-a11y/anchor-is-valid` 规则启用，用于检测使用 `` 组件时的无效链接问题。- `plugin:jsx-a11y/recommended`，用于检查 JSX 元素的可访问性。- `browser`、`node` 和 `es6` 环境。- `react` 和 `jsx-a11y` 插件。

gatsby-remark-images：处理markdown 文章中的图片，以便可以在生产环境中使用，它是作为gatsby-transformer-remark 插件的options 配置选项plugins 使用的。将static中的images文件夹移动到json目录下，使得json数据及依赖的图像放置在相同位置中，并修改json中的图像引用地址，改绝对定位‘/’为相对定位 ‘./’。在页面组件中导出查询命令，框架执行查询并将结果传递给组件的props对象，存储在props对象中的data属性中。