使用TypeScript-React-Starter创建完整的ts react项目

TypeScript-React-Starter是在Facebook官方脚手架create-react-app派生而来的ts-react脚手架工具,默认创建会隐藏webpack等配置信息,所以只需要运行npm run eject 相关的配置文件就会出现,然后跟着文档完成redux的基本配置,Redux DevTools是非常方便chrome的redux调试工具,但是项目默认没有调出来,那么查看redux-devtools-extension后得知,有个方便的方法就是引入npm install --save redux-devtools-extension然后在index.tsx:

import { composeWithDevTools } from 'redux-devtools-extension';

const store = createStore<StoreState>(enthusiasm, {
  enthusiasmLevel: 1,
  languageName: 'TypeScript',
}, composeWithDevTools());

ReactDOM.render(
  <Provider store={store}>
    <Hello />
  </Provider>,
  document.getElementById('root') as HTMLElement
);
registerServiceWorker();
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容