https://github.com/yuriyvyatkin/ra-hw-7.2-highlight

ДЗ №2 к лекции «HOC» курса «React» Нетологии
https://github.com/yuriyvyatkin/ra-hw-7.2-highlight

hoc hof reactjs

Last synced: 3 months ago
JSON representation

ДЗ №2 к лекции «HOC» курса «React» Нетологии

• Host: GitHub
• URL: https://github.com/yuriyvyatkin/ra-hw-7.2-highlight
• Owner: yuriyvyatkin
• Created: 2021-11-20T07:01:44.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-11-21T03:55:32.000Z (almost 4 years ago)
• Last Synced: 2025-01-04T01:38:57.281Z (10 months ago)
• Topics: hoc, hof, reactjs
• Language: JavaScript
• Homepage: https://yuriyvyatkin.github.io/ra-hw-7.2-highlight/
• Size: 1.03 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Домашнее задание №2 к лекции «HOC»

[![Build status](https://ci.appveyor.com/api/projects/status/9stpcxljki4d4l4f?svg=true)](https://ci.appveyor.com/project/yuriyvyatkin/ra-hw-7-2-highlight)

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

Подсвечивание блоков

===

На нашем сайте есть блоки со статьями и с видео записями.

![Highlight](./assets/highlight.png)

Мы решили улучшить отображение наших блоков таким образом,

чтобы популярные статьи и видео (1000+ прочтений/просмотров)

оборачивались в компонент `Popular`, а с количеством до

100 в компонент `New`. Эти компоненты будут менять внешний

облик блоков привлекая внимание посетителей.

## Реализация

Используя HOC обернуть `Video` и `Article` таким образом, чтобы при отображении в компоненте `List` они помещались внутрь требуемого компонента `Popular` или `New`.

Воспользуйтесь готовым файлом `App.js` и стилями `css/index.css` из данного каталога в качестве отправной точки (замените ими те, что создаются в create-react-app).