Coder Social home page Coder Social logo

yuriyvyatkin / ra-hw-7.1-time Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.69 MB

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

Home Page: https://yuriyvyatkin.github.io/ra-hw-7.1-time/

HTML 19.48% JavaScript 71.91% CSS 8.61%
reactjs hof hoc

ra-hw-7.1-time's Introduction

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

Build status

Ссылка на Github Pages

Форматирование даты публикации

Есть страница, содержащая список видеозаписей. У каждого блока есть дата публикации.

Relative Time

В данный момент выводится просто текущее значение (Пример 2017-09-01 14:15:10). Было вынесено решение изменять представление даты следующим образом в зависимости от его значения: 12 минут назад если прошло меньше часа, 5 часов назад если прошло больше часа, X дней назад если больше суток.

Реализация

Используя HOC обернуть DateTime в компонент DateTimePretty, так, чтобы он преобразовывал дату к нужному виду.

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

Для работы с датой и временем можете воспользоваться библиотекой momentjs.

ra-hw-7.1-time's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.