umputun/remark42

Improve frontend components structure

Open

#96 opened on Jun 23, 2018

View on GitHub
 (1 comment) (0 reactions) (0 assignees)Go (5,500 stars) (432 forks)user submission
enhancementfrontendhelp wanted

Description

Right now we have ten components, and most of them a really huge. There must be a way to simplify most of them by means of splitting into smaller components.

For example, comment component right now implements logic for regular comment, for pinned comment, for comment in last comments widget (!), etc. It contains lots of logic about choosing the right way to render. It definitely must be simplified.

Contributor guide

Tech stack
reactjavascript
Domain
frontend
Issue type
refactor
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
Basic knowledge of ReactFamiliarity with frontend codebase
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
Start by examining the current comment component (likely in a file like comment.js or Comment.tsx) to understand its multiple responsibilities. Plan to extract subcomponents for pinned comment, last comments widget, and regular comment. Then apply similar analysis to other large components listed in the frontend directory.