React bookmark list

Trebuie să creez o listă de bookmarks (save for later) dintr-o listă existentă de articole.
Componentele sunt urmatoarele:

<ContentList>
    <ContentItem></ContentItem> 
    ...
</ContentList>

În <ContentItem> trebuie să am metoda 'onAddClicked' / 'onDeleteClicked' care trebuie să adauge / șteargă acel item din lista de “bookmarked articles”. Tot în ContentItem ar trebui să mai am o metodă ‘isBookmark’ care verifică dacă acel item a fost sau nu marcat ca bookmarked. Corect? Lipsește ceva?

Pot refolosi <ContentList> astfel încât să fie populată doar de către componente marcate ca bookmarked sau trebuie creată o componentă separată ? Dacă se poate refolosi, care ar fi procesul high-level?

Momentan mi-e destul de neclar cum functionează React-ul, orice lămurire suplimentară e cât se poate de binevenită. Menționez că până acum am citit doar documentația oficială și m-am uitat pe câteva exemple, urmând să caut cursuri / cărți pe subiect.

Cred ca cel mai bine e sa pui un JSfiddle ca sa primesti ajutor punctual. Are integrare cu React.

2 Likes