Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何从React JS开始构建图表组件_Reactjs - Fatal编程技术网

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

Reactjs 如何从React JS开始构建图表组件,reactjs,Reactjs,我是一个新来构建图表组件的人。我读过关于WebPack、核心库和npm的文章。我可以在编写基本组件的先决条件、IDE和指导方面得到一些帮助吗? 如果您想开始学习reacjs,请按照React主页上的入门指南进行操作。这很容易理解 Webpack,只是一个捆绑工具,为您的react代码提供了许多插件(transpiler、liting、bundling…) NPM是一个依赖项管理工具(如果您来自Java世界,您可以将其视为Maven,它对依赖项执行相同的操作) IDE中,您可以从简单的文本编辑器开

我是一个新来构建图表组件的人。我读过关于WebPack、核心库和npm的文章。我可以在编写基本组件的先决条件、IDE和指导方面得到一些帮助吗?

  • 如果您想开始学习reacjs,请按照React主页上的入门指南进行操作。这很容易理解
  • Webpack,只是一个捆绑工具,为您的react代码提供了许多插件(transpiler、liting、bundling…)
  • NPM是一个依赖项管理工具(如果您来自Java世界,您可以将其视为Maven,它对依赖项执行相同的操作)
  • IDE中,您可以从简单的文本编辑器开始,如Sublime text、notepad++或任何您想要的东西
  • 关于图表库,强烈建议所有客户端框架使用D3:

我使用的IDE我的朋友是atom,带有以下插件:

  • 皮棉
  • ternjs
  • 语言巴别塔
  • 自动完成模块

  • js中的css,dockblocker

  • 文件图标

  • 突出显示选定的、更漂亮的atom

  • 原子美化
  • ,短绒

    你需要学习es6,这是一种非常有用的编程方法

  • 了解反应模式

    了解redux和redux thunk的异步性可能很难启动,但对于更大的应用程序非常有用

    对于图表,我通常使用antd或react图表


    如果你下载了一个模板,你会发现许多其他的

    你是打算自己构建图表组件,还是利用一些现有的库?我想自己构建。但您也可以共享现有库的信息。为了让您开始,我建议您查看plottable]()谢谢@MichaelWu我可以看到有吸引力的组件。plottablejs是否使用React JS库?或者它是另一种反应?它不是,因为它是一个较低级别的库,您可以使用它来包装自己的图表组件。Blueprintjs正在开发一款开源软件,它将提供一些东西作为react组件。