Comments (9)
ANovokmet
commented on June 25, 2024
1
And it works well with Angular, too :)
from svelte-gantt.
ANovokmet
commented on June 25, 2024
The built module is already library agnostic - It's made with Svelte but the dist files have no other dependencies except moment.js (and I hope that will change too, see https://github.com/ANovokmet/svelte-gantt/blob/gh-pages/dist/lib.js), and that is one of the reasons why I decided to use Svelte.
I could however help you import it in a React project, and fix any issues preventing it from being used with React. Another good option is writing a wrapper library for React.
from svelte-gantt.
AlexBHarley
commented on June 25, 2024
Gotcha, thanks for getting back to me. Makes sense that the bundle is agnostic actually. I'll take some time to see how it plays with React and let you know!
from svelte-gantt.
fabiiomiiguel
commented on June 25, 2024
The package works great with Vue.js
from svelte-gantt.
AlexBHarley
commented on June 25, 2024
Slowly starting to get the React adapter together, would you want it part of this repository or my own?
from svelte-gantt.
ANovokmet
commented on June 25, 2024
Slowly starting to get the React adapter together, would you want it part of this repository or my own?
I think it's better for that to be another repository.
from svelte-gantt.
ANovokmet
commented on June 25, 2024
@darekeapp I've sent you an example piece of code on how to load svelte-gantt in a react component I've made in codesandbox.io. The missing thing is svelte-gantt.css which is obviously missing from the snippet. Please refer to the svelte-gantt installation instructions. I am not a react developer and I'm not aware of the best practices on loading CSS into react apps, but usually you use a <link> tag in the <head> element.
from svelte-gantt.
ngohoang1254
commented on June 25, 2024
@darekeapp I've sent you an example piece of code on how to load
svelte-ganttin a react component I've made in codesandbox.io. The missing thing issvelte-gantt.csswhich is obviously missing from the snippet. Please refer to thesvelte-ganttinstallation instructions. I am not a react developer and I'm not aware of the best practices on loading CSS into react apps, but usually you use a<link>tag in the<head>element.
Can you send me that codesanbox.io. I have problem build this chart in React.
from svelte-gantt.
willnaoosmith
commented on June 25, 2024
Tried using it on ReactJS, kept getting Module not found: Error: Can't resolve 'svelte-gantt' even after installing it and importing as said on README.md
from svelte-gantt.
Related Issues (20)
- Svelte-gantt is not compatible in mobile mode HOT 9
- How do get timeline's width from SvelteGanttTable HOT 1
- Expanded only work correctly for the first row HOT 1
- Make an option to print the entire gantt HOT 3
- dateAdapter HOT 1
- Custom styling for the whole gantt chart in svelte with tailwind or custom css? HOT 1
- Cannot read properties of undefined (reading '$$') HOT 2
- Custom task component HOT 1
- Row filtering HOT 2
- External draggable example not working HOT 3
- Can't get the demo to run locally HOT 3
- scaling manually HOT 3
- Fix: querySelector usage in selectTask() throws Uncaught DOMException HOT 1
- Event `gantt.api.timeranges.on.resized` returns previous `from` and `to` values HOT 2
- Collapsing parent rows dynamically results in unexpected child behavior HOT 1
- Block pulling tasks HOT 1
- How could I set the rowHeight for the target single row? HOT 7
- Task Color HOT 1
- Back to full year?
- Cannot synchronize scrolling HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from svelte-gantt.