분류 Reactjs

Structor : React 사용자 인터페이스 빌더

컨텐츠 정보

  • 조회 283 (작성일 )

본문

React는 사전 작성된 컴포넌트에서 사용자 인터페이스의 시각적 구성을 위한 빠르고 편리한 도구입니다. 

UI 개발자는 기존 코드 생성기를 구성하거나 자체 코드 생성기를 만들 수 있습니다. Structor의 모든 구성 요소에는 기본 제공 문서가 있습니다.


https://github.com/ipselon/structor/ 


프로젝트가 더 이상 사용되지 않습니다. Structor의 대안으로 Webcodesk를 고려하십시오.


Image 


https://webcodesk.com/ 

React 웹 애플리케이션을위한 빠른 개발 도구


개별적으로 React 컴포넌트 개발 


Webcodesk에는 React Storybook과 마찬가지로 React 구성 요소를 독립적으로 개발하는 좋은 기능이 있습니다. 구성 요소를 개발하고 페이지에 배치하지 않고도 작동 방식을 확인할 수 있습니다.

Image 


드래그 앤 드롭으로 컴포넌트가 포함 된 페이지 만들기 


미리 작성된 레이아웃을 사용하여 몇 분 안에 페이지 편집기에서 페이지를 작성할 수 있습니다. 또한 재사용 가능한 자체 페이지 레이아웃을 만들 수 있습니다.

Image 


구성 요소를 통해 데이터가 흐르는 방법을 그려라 


이것은 Webcodesk의 가장 최신 기능입니다. 구성 요소가 함께 작동하도록 코드를 작성할 필요가 없습니다. 페이지 라우팅을 위한 코드도 작성할 필요가 없습니다. 흐름 편집기에서 구성 요소간에 연결을 그리는 것만 하면 됩니다.


Image 


구성 요소를 통해 데이터가 흐르는 방식보기 


실시간 미리보기에서 데이터 흐름을 기록한 다음 시각적 디버거에서 데이터를 검토 할 수 있습니다. 데이터의 출처, 위치 및 저장 방법을 명확하게 확인할 수 있습니다.

Image