Choose main library for calendar

[snamiki1212]

We should choose gantt-chart library

• Gantt Charts  |  Google Developers

  • GitHub - rakannimer/react-google-charts: A thin, typed, React wrapper over Google Charts Visualization and Charts API.: MIT

• GitHub - neuronetio/gantt-schedule-timeline-calendar: Gantt Gantt Gantt Timeline Schedule Calendar javascript gantt, js gantt, projects gantt, timeline, scheduler, gantt timeline, reservation timeline, react gantt, angular gantt, vue gantt, svelte gantt, booking manager : Free for only non-comercial

• GitHub - frappe/gantt: Open Source Javascript Gantt: MIT

[snamiki1212]

it looks react-google-charts is better so this is choosen.

[snamiki1212]

https://qiita.com/grgrjnjn/items/fa39778657493008c3b6

I found other options, but google-chart is still better.

• Highcharts: paid if non-commercial
• ECharts: gantt-chart looks not pretty.
• Chart.js: no gantt-chart

[snamiki1212]

FullCalendar lib

I missed calendar library. it looks better more than gantt-chart, so i'll try both libs.

• FullCalendar - JavaScript Event Calendar
  • MIT
  • :can handle slot with SlotDuration: slotDuration - Docs | FullCalendar

UPDATE:

• Next.js works Fullcalendar lib well.
• Timeline feature needs Premium plan
  • Timeline View - Docs | FullCalendar
  • I need to choose license of three. in this case, option3 GPL is better.
  • That means this app also become GPL license.
  • FullCalendar Scheduler License | FullCalendar
  • if this app would turn into commercial app or private repo, it's possible to change at that time. At least, so far this app's license is GPL.

• 5

[snamiki1212]

First Impression about react-google-chart

• about https://github.com/snamiki1212/canada-immigration-scheduler/pull/4
• some bugs
  • about presentation layer as React, it looks some bugs even if I create graph with only small data. I think it would be hard to deal with this bug through developing.
• data structure
  • it looks that data structure is not so nice because of original lib as google-chart, so I might need to develop wrapper class in order to deal with data, however it makes maintanance and developing cost high.

[snamiki1212]

STATUS: waiting for fullcalendar ~ver5.6~ ver5.5.1

• because Next.js(SSR) does not work Fullcalendar's resources-timeline feature and it looks that it will be released in next-ver.
• https://github.com/fullcalendar/fullcalendar/issues/6037

Workaround?

• https://nextjs.org/docs/advanced-features/dynamic-import#with-no-ssr
• I tryied but it does not work seemly

UPDATED: 2021-01-23

• released!!
  • https://github.com/fullcalendar/fullcalendar/releases/tag/v5.5.1
• waiting to reflect for fullcalendar-react
  • https://github.com/fullcalendar/fullcalendar-react/blob/master/package.json#L43

[snamiki1212]

Result

I decided to use Fullcalendar

• rich features and ecosystem
• suit this project
• license is safe ( if this app also would become GPL3.0)