/react-custom-table

react-custom-table

Primary LanguageTypeScript

케어다 템플릿

1. 어드민 템플릿

  1. Jumbo React
  • Jumbo React는 Material Design Concept을 기반.
  • 개발자 커뮤니티에서 인기있는 최고 수준의 라이브러리 및 프레임 워크를 사용.
  • 인기있는 라이브러리 중 일부는 Material-UI, Redux, Redux-Saga, ReCharts, React Big Calendar 등.
  • 소규모에서 복잡한 레벨의 애플리케이션을 빌드 할 수 있습니다.
  • React에서 모든 기능을 갖춘 앱을 구축하는 방법을 배우고 싶더라도 Jumbo React에서 제공하는 코딩 스타일, 문서 표준, 폴더 구조 및 모범 사례와 함께 6개의 내장 앱이 학습 경로에 도움이 될 수 있음.
  • 300개 이상의 UI 구성 요소, 150개 이상의 위젯 및 메트릭, 25개 이상의 완전 레이어 PSD 및 130개 이상의 디자인 된 페이지를 제공.
  • RTL 지원 및 5개 언어로 된 다국어 구현은 이미 점보 리액트에서 다룸(따라서 전 세계의 모든 잠재 고객을 다루는 것에 대해 안심해도 됨)
  1. Flexile
  • No jQuery.
  • Flexile은 Ant Design 개념 및 프레임 워크를 기반으로하는 강력한 반응 관리 템플릿.
  • 수백 가지 위젯, 메트릭스와 함께 현대적인 디자인과 다양한 레이아웃을 포함.
  • Flexile는 Redux 및 Redux-Saga의 구현과 함께 다양한 상세 앱을 개발하고 firebase와 통함했음.
  • Flexile은 프로젝트 요구에 맞게 쉽게 사용자 정의할 수 있음.
  • Flexile은 표준 및 모범 사례를 기반.
  • LESS (Ant Design에서 권장), Redux, Redux-Saga를 사용하여 상태를 관리.
  1. Metronic

  2. Fuse - React Admin Template Material Design

2. 그리드

  1. devExpress
  • DevExpress DataGrid는 초당 수백만 개의 레코드를 처리.
  • 또한 초당 수천 번의 업데이트를 수행한다고 주장.
  • 따라서 DevExpess Tools는 고기능 데이터 중심 프로젝트에 이상적임.
  • 클라이언트 측 컨트롤에는 고유한 서버 측 웹 API 데이터 처리 확장 기능이 추가되어 사용자는 크리티컬 정보를 매우 빠른 속도로 분석 할 수 있음.
  • 현대적인 UI와 세련된 모양과 느낌을위한 머티리얼 디자인 및 기타 일반 테마 세트가 있습니다. 또한 테마를 사용자 정의하기위한 ThemeBuilder 도구를 자랑.
  • GridView 또는 TreeList 컨트롤을 사용하여 실시간 대시보드 스타일 의사 결정 지원 시스템을 만듬.
  1. syncfusion
  • 독립적인 개발자 및 소규모 회사 무료 지원. 참고
  • GitHub의 완전한 소스 코드(테스트 파일 및 테스트 스크립트와 함께 완전한 소스 코드가 GitHub에서 제공)
  • 응답성 및 터치 친화적 (모든 컨트롤은 "터치 친화적"이며, 모두 기본 장치를 기반으로 매우 잘 렌더링 됨. 또한 전화, 태블릿 및 데스크톱에서 일관된 모양과 느낌을 제공)
  • Go 모듈식 (SyncFusion 컨트롤은 모듈로 구축되므로 선택적인 참조를 수행 할 수 있으며, 이렇게 하면 필요한 구성요소와 기능만 응용 프로그램에 포함되므로, 앱에 필요한 필수 구성요소와 기능만 사용되므로 가벼움)
  1. 참고문서

3. 기타 (참고사항)

  1. React-Grid-Layout
  1. Gestalt - ★☆☆☆☆
  1. Atlaskit - ★★★☆☆
  • 활용하기 편리함.
  • 빗버킷 개발자들이 만듬.
  1. Ant Design - ★★★★☆
  • 활용하기 편리함.
  • 디자인이 다양함.
  1. Tabler - ★★★☆☆
  • 활용하기 편리함.

4. 결과

  1. 템플릿
No Template Released Last update Sales 호환성 문서 내용 기타
1 Fuse React 18-04-18 20-03-07 3,643 Firefox, Safari, Opera, Chrome, Edge 링크 React Hooks 및 Redux 지원 Learning source -
2 Jumbo React 18-01-11 20-02-09 2,020 IE11, Firefox, Safari, Opera, Chrome, Edge 링크 컴포넌트 문서화가 잘 되어 있어서, 활용하기 좋음 -
3 Material Dashboard Pro React 1년 전 6개월 전 2,773 Firefox, Safari, Opera, Chrome, Edge 링크 React Hooks 지원, Style 문서화가 잘 되어있음 -
4 Reactify 18-04-16 20-01-12 994 IE11, Firefox, Safari, Opera, Chrome, Edge 링크 문서 참고하기 불편 -
5 Flexile 18-07-18 19-07-03 117 IE11, Firefox, Safari, Opera, Chrome, Edge 링크 Ant Design의 UI를 사용하므로, Ant Design 문서를 참고 해야함 -
  1. 그리드
No Name 내용 비고
1 devExpress - -
2 syncfusion SpreadSheet, Editor 기능들이 우수.
Forum search.
기본 장치를 기반으로 매우 잘 렌더링 됨.
-
-
3 jqwidget - -
  1. Test

03-19(목) 케어다

1. 워드파일 -> html파일 변환

  • 워드파일의 양식 문서를 html파일로 변환하여, 각 셀에 알맞은 데이터를 추가 시키는 방안. (새로운 HTML을 작성하지 않아도 됨)

2. DevExpress

  • Excel 파일 출력 시, 사용자 지정 Header, Footer 추가 확인. 인쇄출력과 Pdf변환과 [Advanced Export] 기능을 추가하는 방법 확인중 (진행중)

3. Grid Table

  • DevExpress의 Grid의 기능들을 통합한 형태의 [결제내역 테이블]작성. (진행중)

4. Fuse React

  • React의 Redux를 상태 관리법을 확인.
  • 크게 Context와의 큰 차이는 '전역'과 '상속'의 차이라고 생각함. ( Redux - 전역 저장소 / Context - 계층구조의 데이터 저장소)