useCountdown Hook

[ndresx]

Changelog

• Updated documentation
• Updated React peer dependencies to >= 16.8.0 for Hook support
• Deprecated children prop in favor of the renderer prop
• Removed standard <span /> output for React Native compatibility (results in removed className support)
• Updated and refactored existing typings
• Updated examples
• Migrated to ESLint

Enhancements

• Added useCountdown Hook 🎣
• Added pure prop for better clarity of prop changes
• Added milliseconds to time delta information

[coveralls]

coverage: 100.0%. remained the same
when pulling ab7a310 on use-countdown-hook
into 4e76783 on master.

[SalahAdDin]

@ndresx Do you have any plan to release this?

I'm having problems to use the start() function as i explained before in other issue, now i'm trying to get the api() from the render but i can't:

const Timer = ({ hours, minutes, seconds, completed, props }) => {
  const { className, renderer } = props;
  let time = completed ? `Is completed!` : `${hours}:${minutes}:${seconds}`;
  console.log('====================================');
  console.log(renderer.api.start());
  console.log('====================================');
  return (
    <StepLabel
      alternativeLabel
      StepIconComponent={StepIcon}
      StepIconProps={{
        classes: {
          root: className
        },  
        icon: time
      }}
    />
  );
};

render.api is undefined, getting api from props gives me the same result, i don't know what is the problem.

Thanks.

[ndresx]

@SalahAdDin I have, but I am still working and tweaking some things. I have posted a possible solution into the other issue thread, please take a look at the provided code there; I hope it helps!

[SalahAdDin]

👍

[kishoretankhupp]

@ndresx Any plan on this to merged in master so we can use it in react-native as well.

[ndresx]

@kishoretankhupp Yes, but it, unfortunately, might still take a bit until then. I hope I can wrap it up soon though!

[SalahAdDin]

@ndresx We are still waiting for this.