microsoft / microsoft/react-native-gallery

Code examples should have an expandable source view (collapsed by default)

Open
#216 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
TypeScript
Stars
257
Forks
57
Avg merge
18h 19m
Merged PRs (30d)
10

Description

Currently all code sections for all samples remain displayed on the component pages. For samples with longer code sections, the component pages can get cluttered. The WinUI Gallery just updated their app so that all code sections are housed within expanders. This way users can expand the code section if they want to view it. Note this would require usage of windows-only code on every component page, so the app would lose its cross-plat functionality. Also note that expander currently has a workaround for handling its dynamic layout. Evaluate if we want all pages to depend on the component just yet.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

The issue names no files or tests. Start by locating the component pages, their code sections, and the existing expander workaround; then evaluate the cross-platform impact of using the expander throughout the gallery. Done should include a decided dependency approach and an agreed implementation scope.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
frontend, mobile
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.