FormidableLabs / FormidableLabs/react-live
Support inline compilation errors
- 主要言語
- TypeScript
- スター
- 4.6k
- フォーク
- 260
- PR マージ指標
- 30日以内にマージされた PR はありません
説明
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
コントリビューションガイド
調査の方向性
まず LiveEditor と LiveError コンポーネントの場所を特定し、コンテキストを把握するためにリンクされている React と reactjs.org の issue を確認します。提案されている errors prop がメッセージを inline 位置にどのように対応付けるかを定義し、実装前に想定される UI を確認します。完了条件は、LiveEditor がコンパイラーに依存しない inline エラーを、ドキュメント化された形式で表示できることです。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- react, typescript
- 領域
- frontend
- issue の種類
- 機能追加
- 難易度
- 5/5
- 見積もり時間
- 1週間以上
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 35/100