@gdo-bzh/use-reminders-state

Create reminders and set alerts based on time. > > You can: > > - set a due date > - flag a reminder > - complete a reminder > - set a level of priority ( Low | Medium | High)

Usage no npm install needed!

<script type="module">
  import gdoBzhUseRemindersState from 'https://cdn.skypack.dev/@gdo-bzh/use-reminders-state';
</script>

README

version

use-reminders-state

Create reminders and set alerts based on time.

You can:

  • set a due date
  • flag a reminder
  • complete a reminder
  • set a level of priority ( Low | Medium | High)

NPM JavaScript Style Guide

Install

yarn add @gdo-bzh/use-reminders-state react lodash.pickby use-deep-compare-effect
# or
npm i @gdo-bzh/use-reminders-state react lodash.pickby use-deep-compare-effect -S

Usage

import React from 'react'

import { useRemindersState } from 'use-reminders-state'

const Example = () => {
  const {
    reminders /* reminder list */,
    alarms /* list of scheduled alarms */,
    addReminder /* add a reminder */,
    deleteReminder /* delete a reminder */,
    toggleCompleteReminder /* toggle complete status */,
    toggleFlagReminder /* toggle flag status */,
    updateReminder /* update reminder */,
    setReminderPriority /* set level of priority */
  } = useRemindersState()

  return <div>...</div>
}

License

MIT © gdo-bzh