wangxq
b18b6738cb
第一次提交,定时调度版本的resource,daily已经基本调试完成
|
1 年之前 | |
|---|---|---|
| .. | ||
| api | 1 年之前 | |
| cluster-activity | 1 年之前 | |
| components | 1 年之前 | |
| context | 1 年之前 | |
| dag | 1 年之前 | |
| datasets | 1 年之前 | |
| types | 1 年之前 | |
| utils | 1 年之前 | |
| App.tsx | 1 年之前 | |
| README.md | 1 年之前 | |
| connection_form.js | 1 年之前 | |
| dag.js | 1 年之前 | |
| dag_dependencies.js | 1 年之前 | |
| dags.js | 1 年之前 | |
| datasetUtils.js | 1 年之前 | |
| datetime_utils.js | 1 年之前 | |
| duration_chart.js | 1 年之前 | |
| index.d.ts | 1 年之前 | |
| main.js | 1 年之前 | |
| task.js | 1 年之前 | |
| task_instances.js | 1 年之前 | |
| theme.ts | 1 年之前 | |
| ti_log.js | 1 年之前 | |
| toggle_theme.js | 1 年之前 | |
| trigger.js | 1 年之前 | |
| variable_edit.js | 1 年之前 | |
README.md
Grid View
In 2.3.0 the Tree view was completely rebuilt using React and renamed to Grid. Here is a primer on the new technologies used:
React
The most popular javascript framework for building user interfaces with reusable components.
Written as javascript and html together in .jsx files.
In-component state can be managed via useState(), application state that spans many components can be managed via a context provider (see /context for examples), API state can be managed by React Query (see below)
Chakra UI
A good component and helper function library. Tooltips, modals, toasts, switches, etc are all out of the box
Styles are applied via global theme when initializing the app or inline with individual components like <Box padding="5px" />
React Query
A powerful async data handler that makes it easy to manage loading/error states as well as caching, refetching, background updates, etc.
This is our state management for any data that comes from an API.
Each API request is its own hook. Ie useTasks will get all the tasks for a DAG
React Testing Library
Easily write tests for react components and hooks