Skip to content

Latest commit

 

History

History
22 lines (18 loc) · 1.83 KB

homework-2.md

File metadata and controls

22 lines (18 loc) · 1.83 KB

Emoji


Выша задача реализовать поиск эмоджи по следующим данным - json

Шаги по реализации:

  • настройте рабочую директорию (вы можете использовать create-react-app или настроить самостоятельно с помощью webpack и babel);

  • файл index.js должен быть входной точкой в приложение, где вы вызываете функцию ReactDOM.render;

  • компонент Form должен принимать строку поиска по емэджи (искать можно как по названию - title, так и по ключевым словам - keywords);

  • компонент EmojiCOntainer должен рендерить другой компонент - EmojiRow;

  • компонент EmojiRow должен отображать иконку эмоджи и название:

    • вы можете отображать стандартную эмоджи либо ->;
    • отображать картинку по URL (используйте след путь : //cdn.jsdelivr.net/emojione/assets/png/${codePointHex}.png, где codePointHex можно получить как symbol.codePointAt(0).toString(16))
  • используйте лимит отображения эмоджи - напрмер не больше 15 найденных! (можно реализовать дродаун с выбором лимита строк);


Финальный пример:

Final example

Homework guidelines