FormidableLabs / FormidableLabs/react-live
Support inline compilation errors
- Ngôn ngữ chính
- TypeScript
- Star
- 4.6k
- Fork
- 260
- Chỉ số merge pull request
- Không có pull request nào được merge trong 30 ngày
Mô tả
The `LiveError` component is useful for displaying compilation errors. But the `LiveEditor` component could be even more useful if it showed inline errors. For example:
### Current UI

### Potential UI

This support could probably be added in such a way that is not dependent on a specific compiler/toolchain. For example, `LiveEditor` could expose an additional prop `errors` that looked something like this:
```js
type errors = Array<{
message: string,
rowNumber: number,
columnNumber?: number
}>
```
This issue is just being opened for discussion and is a follow-up from facebook/react/issues/11094 and reactjs/reactjs.org/issues/10
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu bằng cách xác định các component LiveEditor và LiveError, đồng thời xem xét các issue React và reactjs.org được liên kết để hiểu ngữ cảnh. Xác định cách prop errors được đề xuất ánh xạ các thông báo tới các vị trí inline và xác nhận UI dự kiến trước khi triển khai; hoàn tất khi LiveEditor có thể hiển thị các lỗi inline không phụ thuộc vào compiler với cấu trúc được tài liệu hóa.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- react, typescript
- Lĩnh vực
- frontend
- Loại issue
- Tính năng
- Độ khó
- 5/5
- Thời gian dự kiến
- Hơn một tuần
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 35/100