FormidableLabs / FormidableLabs/react-live

Support inline compilation errors

Đang mở
#41 0 bình luận 1 reaction 0 người được giao Xem trên GitHub
enhancement
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
screen shot 2017-10-05 at 6 03 58 pm

### Potential UI
screen shot 2017-10-05 at 6 03 46 pm

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

Mở 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

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.