-
Notifications
You must be signed in to change notification settings - Fork 1.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Reactjs Wrapper for tui.calendar #134
Comments
I think it's better that you figure the React way out. https://ui.toast.com/tui-calendar is implemented by React. |
@IniZio If you have any question to create React wrapper, don't hesitate leave comments or issue. |
@dongsik-yoo can you provide an example? Also, how would we manage calendar state? |
@damusix I needed very simple state in my example site. So this is simple sample. class CalendarMain extends React.Component {
constructor() {
super();
this.state = {
renderRange: ''
};
this.options = {
defaultView: 'month',
template: CalendarTemplate,
useCreationPopup: true,
useDetailPopup: true,
calendars: calendarList,
month: {},
week: {}
};
}
componentDidMount() {
this.calendar = this.createCalendarMain();
this.setEventHandlers();
this.setSchedules();
this.setRenderRangeText();
}
componentDidUpdate() {
this.calendar.render();
}
setSchedules() {
const cal = this.calendar;
const schedules = generateSchedule(
calendarList,
cal.getViewName(),
cal.getDateRangeStart(),
cal.getDateRangeEnd(),
cal.getOptions()
);
cal.createSchedules(schedules);
}
createCalendarMain() {
return new TuiCalendar('#calendar', this.options);
}
} |
Currently working on the wrapper here https://github.com/IniZio/react-tui-calendar |
@IniZio It's empty repository. Can you please check it out? |
Yes I am doing the initial setup still 😅 |
Oh, sorry. I didn't understand what you said. |
I introduce to you Another TOAST UI Family. It would be helpful for your React application. |
I am working on the integrating react-tui-calendar with https://github.com/IniZio/usthing-ui 😄 |
@IniZio usthing-ui has many useful components. Great! |
Demo site for the wrapper https://inizio.github.io/react-tui-calendar/, though the wrapper itself is not ready yet 😂 |
react-tui-calendar was occupied already, published at tui-calendar-react for testing |
@IniZio Thank you for your effort. I would be great helpful to users!. |
Fixed the link 🙈 |
I am planning to write a Reactjs wrapper for this nice package, and have read the vuejs and angularjs implementations, however they seem to differ from the pattern that React suggests i.e. 'data down, actions up'.
Therefore just want to ask if it is preferred to follow the other wrappers or figure our the React way?
The text was updated successfully, but these errors were encountered: