View - D3 Logic

[jejecrunch]

#62 에서 파생된 discussion입니다.

d3 관련 로직을 useEffect 에 담아 처리 중입니다. 메서드 체이닝 때문에 코드가 useEffect 내부에서 수직으로 길어지는 문제가 있어서 생각을 해봤는데, 아래와 같이 setAttributes라는 util 함수를 작성하여, attribute를 하나의 객체로 따로 분리하여 관리하는 것을 어떨지 생각해봤습니다. attributes는 width, height와 같은 attr이고, target은 data를 포함한 d3 selection을 생각했습니다. 생각하면서 너무 억지스러운 방법인가 생각했는데, 함께 얘기해보면 좋을 것 같습니다.

const setAttributes = (attributes, target) => {
  Object.keys(attributes).reduce((prev, key) => {
    return target.attr(key, attributes[key]);
  }, target);
}

by @vgihan