한줄평
“컴포넌트 트리를 눈으로 보며 초안을 잡고 싶을 때 도움이 됩니다. 다만 생성된 코드는 시작점일 뿐이라 실제 제품 코드는 결국 직접 다듬어야 합니다.”
이런 분께 리액트 화면 구조를 시각적으로 먼저 잡고 싶은 분께
좋은 점
- 드래그로 컴포넌트 구조를 시각화
- React·TypeScript 코드 골격 생성
아쉬운 점
- 출력 코드를 그대로 쓰기엔 손질이 필요
리액타입 소개
React 와 TypeScript 애플리케이션의 컴포넌트 구조를 시각적으로 설계하는 GUI 프로토타이핑 도구입니다. 화면에 컴포넌트를 끌어다 배치하면 대응하는 코드를 만들어 줍니다. 초기 UI 구조를 빠르게 잡거나 컴포넌트 계층을 시각화할 때 씁니다. 손으로 뼈대를 짜기 전 밑그림을 그리는 용도입니다.
