3、前端开发：React 与 D3 集成全攻略

前端开发：React 与 D3 集成全攻略

1. 前端工具选择

在 React 项目中，常用的 CSS 预处理器主要有四种：Sass/SCSS、PostCSS、Less 和 Stylus。CSS 用于呈现网页在不同设备上的视觉布局，而 CSS 预处理器则常被用来增强 CSS 的功能。对于大多数现代项目来说，Sass/SCSS 是更好的选择。它是最受欢迎的预处理器，根据调查，掌握 Sass/SCSS 可能会让开发者获得高薪工作。如果想了解更多不同 CSS 预处理器之间的比较，可以查看相关文章。

2. 单元测试与工具

项目中已经自动创建了单元测试文件，例如 HelloD3.test.tsx ：

// src/component/HelloD3/HelloD3.test.tsx
import React from 'react'
import { shallow } from 'enzyme'
import HelloD3 from './HelloD3'

describe('<HelloD3 />', () => {
  let component
  beforeEach(() => {
    component = shallow(<HelloD3 />)
  })
  test('It should mount', () => {
    expect(component.length).toBe(1)
  })
})

此测试文件仅测试组件是否成功挂载到显示界面。代码使用了