https://github.com/yuriyvyatkin/ra-hw-5.2-decomposition

ДЗ №2 к лекции «Композиция компонентов» курса «React» Нетологии
https://github.com/yuriyvyatkin/ra-hw-5.2-decomposition

decomposition reactjs reusable-components yandex

Last synced: 4 months ago
JSON representation

ДЗ №2 к лекции «Композиция компонентов» курса «React» Нетологии

• Host: GitHub
• URL: https://github.com/yuriyvyatkin/ra-hw-5.2-decomposition
• Owner: yuriyvyatkin
• Created: 2021-11-11T08:05:12.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-12-04T01:21:56.000Z (over 3 years ago)
• Last Synced: 2025-01-04T01:38:57.342Z (6 months ago)
• Topics: decomposition, reactjs, reusable-components, yandex
• Language: JavaScript
• Homepage: https://yuriyvyatkin.github.io/ra-hw-5.2-decomposition/
• Size: 610 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Домашнее задание №2 к лекции «Композиция компонентов»

[![Build status](https://ci.appveyor.com/api/projects/status/04i6cram4c3h3ueg?svg=true)](https://ci.appveyor.com/project/yuriyvyatkin/ra-hw-5-2-decomposition)

[Ссылка на Github Pages](https://yuriyvyatkin.github.io/ra-hw-5.2-decomposition/)

Декомпозиция

===

Вы работаете в стартапе, который решил тягаться с самим Яндексом в части предоставления контента. Это, конечно же шутка, но задача нешуточная.

Вам принесли дизайн-макет, похожий на этот:

![](./assets/decomposition.png)

Что вам нужно сделать:

1. Разбейте весь интерфейс на компоненты и в файле каждого компонента напишите буквально одну строку комментария, за что данный компонент отвечает (можете использовать формат JSDoc, подсмотреть можно, например, у ребят из Alfa Laboratory: https://github.com/alfa-laboratory/arui-feather/blob/v16.0.0/src/dropdown/dropdown.jsx).

1. Постарайтесь повторящиеся компоненты сделать настраемыми за счёт `props`. Допустим, у каждой новости в списке новостей: иконка, текст и ссылка.

Функциональность и стилизацию реализовывать не нужно, достаточно базового оформления (чтобы видно было все блоки).