뇌 채우기 공간

[TIL] 20211220 ag-grid/kitchen sink/ react recoil 본문

TIL

[TIL] 20211220 ag-grid/kitchen sink/ react recoil

자바칩 프라푸치노 2021. 12. 20. 18:37

1. ag-grid

react-table, mui data grid 외에 또 react 에서 data table 을 만들 수 있는 라이브러리가 있다. 

https://www.ag-grid.com/react-data-grid/getting-started/#getting-started-2

 

React Data Grid: Get Started with AG Grid

AG Grid is the industry standard for React Enterprise Applications. Download v26 of the best React Data Grid in the world now.

www.ag-grid.com

https://eblo.tistory.com/32

 

AG-GRID GRID OPTIONS 정의

1. AG-GRID GRID OPTIONS 정의 Attribute value description  columnDefs  칼럼정보 정의된 칼럼 정보를 넣어줘야 합니다.  rowData  [{key:value}] 그리드 데이터, json data를 넣어 줘야 합니다.  defaultC..

eblo.tistory.com

npm install --save ag-grid-community ag-grid-react

 

이 중에서 grouping이나 등등 여러 기능들은 돈내고 사용해야한다.

 

 

2. react-table kitchen sink

https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/material-UI-kitchen-sink?from-embed=&file=/src/App.js

 

tannerlinsley/react-table: material-UI-kitchen-sink - CodeSandbox

tannerlinsley/react-table: material-UI-kitchen-sink using @material-ui/core, @material-ui/icons, namor, react, react-dom, react-scripts, react-table

codesandbox.io

 

3. react recoil

https://recoiljs.org/ko/docs/introduction/getting-started/

https://velog.io/@juno7803/Recoil-Recoil-200-활용하기

 

[Recoil] Recoil 200% 활용하기

아무리 구글링해도 Recoil 기본 예제밖에 나오지 않아 직접 작성한 Recoil 200% 활용법 🙃

velog.io

리덕스 같은 전역 상태관리 라이브러리.

리덕스보다 코드의 양이 적고 쉽게 개발할 수 있다 .

728x90
저작자표시 비영리 변경금지 (새창열림)

'TIL' 카테고리의 다른 글

[TIL] 20211222 ag grid context 기능/ ..  (0) 2021.12.22
[TIL] 20211221 recoil todo list 만들기/ data grid관련  (0) 2021.12.21
[TIL] 20211217 react table row selection/ column hidding  (0) 2021.12.17
[TIL] 20211216 mui data grid  (0) 2021.12.16
[TIL] 20211215  (0) 2021.12.15
'TIL' Related Articles more