如何从React JS开始构建图表组件

时间:2017-08-01 15:59:22

标签: reactjs

我是React JS的新手,想要构建图表组件。我读过有关WebPack,核心库和npm的文章。我可以在先决条件,IDE和编写基本组件的指导方面获得一些帮助吗?

2 个答案:

答案 0 :(得分:1)

  • 如果您想开始学习反应,请按照React主页上的入门指南进行操作。这很容易理解。
  • Webpack,只是一个捆绑工具,为您的反应代码提供了许多插件(转发器,引用,捆绑......)
  • NPM是一个依赖项管理工具(如果你来自Java世界,你可以把它算作Maven,它在依赖项上做同样的事情)。
  • IDE,你可以从简单的文本编辑器开始,比如Sublime Text,notepad ++或任何你想要的东西。
  • 关于图表库,强烈建议D3适用于所有客户端框架:https://github.com/d3/d3

答案 1 :(得分:0)

IDE我用这个插件使用我的朋友是原子:

  1. 棉短绒
  2. ternjs,
  3. language-babel,
  4. 自动填充模块,

  5. css-in-js,dockblockr,

  6. file-icons,

  7. 高亮选择,更漂亮的原子,

  8. atom-beautify
  9. ,棉短绒-eslint

    你需要学习es6一种非常有用的编程方式

  10. 阅读反应模式https://reactpatterns.com/

    学习redux和redux-thunk的异步可能很难启动,但它对更大的应用程序非常有用

    对于图表我通常使用antd或react-charts https://www.npmjs.com/package/react-charts

    如果您下载了模板,您会发现许多其他