React props & state에 ES6 디스트 럭처링을 사용하는 것이 가장 좋은 방법이라는 몇 가지 기사가 있습니다.
예 : const { showModal, hideModal } = this.props;
훨씬 더 깨끗한 코드를 갖는 관점에서 동의하지만, 다른 개발자와 논의를했는데, 이것이 성능 향상을 가져 오기 때문에 클래스 메서드에 대해서도 수행되어야한다고 제안했습니다.
나는 그것이 더 빠르지 않을 것이며 코드를 더 혼란스럽게 만들 것이라고 말합니다.
누구든지 이것에 대해 의견이 있습니까?
먼저 코드를 더 느리게 / 빠르게 만들지 않습니다. 나는 누군가가 각각 1000 개의 속성을 가진 10000000 개의 레코드를 가진 세트에 비해 10ms의 개선을 보여줄 미친 합성 케이스를 가지고 나올 것이라고 확신하지만-실제 응용 프로그램에서는 가독성과 유지 관리가 훨씬 더 중요합니다. 그리고 코드가 작고 읽기 쉽고 이해하기 쉽다면 실수가 적고 최종 결과가 더 빨라질 것입니다.
디스트 럭처링에 대한 저의 개인적인 의견은 변수와 매개 변수 모두에 대해 읽기 쉬운 코드를 적게 작성하도록 유도한다는 것입니다. 예를 들어 react-virtualized 에서이 코드를 가져옵니다 .
_cellRenderer ({ columnIndex, key, rowIndex, style }) {
if (columnIndex === 0) {
return this._renderLeftSideCell({ columnIndex, key, rowIndex, style })
} else {
return this._renderBodyCell({ columnIndex, key, rowIndex, style })
}
}
여기서 메소드 선언을 보면 매개 변수가 무엇인지 즉시 알 수 있습니다.
그리고 지금-이것을 이것과 비교하십시오.
_cellRenderer (p) {
if (p.columnIndex === 0) {
return this._renderLeftSideCell({ columnIndex: p.columnIndex, key: p.key, rowIndex: p.rowIndex, style: p.style })
} else {
return this._renderBodyCell({ columnIndex: p.columnIndex, key: p.key, rowIndex: p.rowIndex, style: p.style })
}
}
코드가 더 많고 깨끗하고 읽기 쉽지 않습니까?
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다