FormidableLabs / FormidableLabs/react-live

Support inline compilation errors

オープン
#41 コメント 0 件 リアクション 1 件 担当者 0 名 GitHub で見る
enhancement
主要言語
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
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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

まず LiveEditor と LiveError コンポーネントの場所を特定し、コンテキストを把握するためにリンクされている React と reactjs.org の issue を確認します。提案されている errors prop がメッセージを inline 位置にどのように対応付けるかを定義し、実装前に想定される UI を確認します。完了条件は、LiveEditor がコンパイラーに依存しない inline エラーを、ドキュメント化された形式で表示できることです。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react, typescript
領域
frontend
issue の種類
機能追加
難易度
5/5
見積もり時間
1週間以上
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。