[React Projects]03.Project Board

Github

간단한 칸반보드 작성

HOC는 흥미로웠다
기능적인 부분을 템플릿화 하고 컴포넌트를 감싸 해당 기능을 사용할 수 있는 부분이 상속과 유사한 느낌이다.
다만 상속처럼 그 메소드를 사용하진 못하겠지만
생각해보면 리액트에서 객체를 가져다 쓰는경우는 잘 못본것 같다

export default function SomeFunction(component) {
	class Wrapper extends React.Component {
    constructor(props) {
    	super(props);
        this.state = {
        	...
        }
    }
    
    fnLogic() {
    	...
    }
    
    render() {
    	return (
        	<component
            	{...this.props}
            />
        );
    }
    
    Wrapper.displayName = `Wrapper(${component.name})`;
    return Wrapper;
}

const SomeComponent = ({ ... }) => {
	return (
    	<what-the-fuck-you-want-to-tag>
        	contents
        </what-the-fuck-you-want-to-tag>
    );
}
export default SomeFunction(SomeComponent);

HTML5의 drag and drop이 꽤나 간단했다

근데 책에서는 suspense를 사용했다고 했는데 suspense라고 설명한 부분은 단 한가지도 안나왔다