airbnb/react-sketchapp

Introduce `Page.Container` component

Open

#342 geöffnet am 30. Mai 2018

Auf GitHub ansehen
 (2 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (900 Forks)batch import
enhancementgood first issuehelp wanted

Repository-Metriken

Stars
 (14.970 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

Right now the Page component acts a flex container, allowing to render Artboard's and SymbolMaster's in either a column or a row.

I'd like however to have unlimited flexibility rendering Pages by composing Flex components. By having some sort of arbitrary Flex container, I could layout items on a Page in complex grids if necessary.

This would require us introducing a new Component that can be utilized to compute Yoga layout, but doesn't actually result in any backed rendering.

@mathieudutour - I know this goes against some of your comments in #291, but I'm not sure how else to achieve this.

note: it doesn't need to be called Flex.

Contributor Guide

Research-Richtung
Studieren Sie die vorhandene Page Komponente in react sketchapp, um zu verstehen, wie sie Artboard und SymbolMaster mit Flex rendert. Erkunden Sie dann, wie Sie eine neue Container Komponente (z.B. Flex) erstellen, die untergeordnete Elemente in ein Yoga Layout einbettet, ohne etwas Visuelles zu rendern. Suchen Sie im Code nach ähnlichen Layout Komponenten und Testbeispielen.
Tech Stack
reacttypescript
Domain
frontenddesign
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Meist klar
Voraussetzungen
ReactYoga layout basics
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
65