code sample do not have imports

[iceh2o]

Hi, I am now to react. First time using your react-js-cron package and got lost a bit. I read the documentation a couple of times and tried with the demo and copied the code to my react app. However, the UI doesn't show up or it's showed up in a messed up way. Can you provide a complete demo code including the import statements?

[xrutayisire]

Hello,

Code sample can be found directly in the stories :)

File: https://github.com/xrutayisire/react-js-cron/blob/master/src/stories/index.stories.tsx

UI view:

[iceh2o]

Perfect! Thank you so much.

…

On Fri, Apr 15, 2022, 5:10 AM Xavier Rutayisire ***@***.***> wrote: Hello, Code sample can be found directly in the stories :) File: https://github.com/xrutayisire/react-js-cron/blob/master/src/stories/index.stories.tsx UI view: [image: Screenshot 2022-04-15 at 11 09 41] <https://user-images.githubusercontent.com/19946868/163551624-0bfa5a8d-bf3c-48d5-810d-19e56d5e97d6.png> — Reply to this email directly, view it on GitHub <#24 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABZCRQ3CUTRYST4BGY5EGIDVFEXAPANCNFSM5TONWE6Q> . You are receiving this because you authored the thread.Message ID: ***@***.*** com>

[iceh2o]

I was following the sample from index.stores.tsx but I wasn't able to import the useCronReducer.

import { useCronReducer } from './utils.stories'

I am not able to find the utils.stores on the npm installed package (node_modules folder).

Below is a listing of files I see under the react-js-cron folder
04/14/2022 02:05 PM

components
04/14/2022 02:05 PM 1,346 constants.ts
04/14/2022 02:05 PM 12,798 converter.ts
04/14/2022 02:05 PM 10,046 Cron.tsx
04/14/2022 02:05 PM fields
04/14/2022 02:05 PM 250 index.ts
04/14/2022 02:05 PM 1,791 locale.ts
04/14/2022 02:05 PM 3,694 styles.css
04/14/2022 02:05 PM 8,307 types.ts
04/14/2022 02:05 PM 1,495 utils.ts

[xrutayisire]

Yes, stories are not supposed to be published on the npm package. Stories are just documentation. The example is based on a custom hook I created and available here: https://github.com/xrutayisire/react-js-cron/blob/master/src/stories/utils.stories.ts

The way you are using the Cron component is up to you, and you can use the same reducer if you want but also manage the values another way.

[iceh2o]

thanks for the quick reply. I understand I can copy and use the same reducer in my code.