eclipse-theia/theia

ProgressBar as a react component

Open

#7421 opened on Mar 25, 2020

View on GitHub
 (0 comments) (0 reactions) (0 assignees)TypeScript (18,676 stars) (2,478 forks)batch import
enhancementhelp wantedprogress

Description

Currently ProgressBar a widget which it makes it hard to attach to render as part of a react widget. It gets wiped out by react rendering on the node.

This issue suggest to add ReactProgressBar component.

cc @AlexTugarev @jbicker

Contributor guide

Tech stack
typescriptreact
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
React knowledgeTheia widget system
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
First, understand the existing ProgressBar widget (likely in theia/packages/core/src/browser/progress bar). Look at how other React components are integrated in Theia, e.g., in theia/packages/react components. The issue suggests that React rendering wipes out the widget, so a dedicated ReactProgressBar wrapper is needed. Check if there are any comments from maintainers (cc @AlexTugarev, @jbicker) for guidance on desired API or integration points.