How to create a UML Class diagram with react JS - reactjs

I'm newer in Web developpement (I have modest knowledge about it).
I'm asked in my university-project to develop a webapp that generates a UML class diagram using ReactJS.
I've installed nodeJS, webstorm, I tested a "hello world" code, it works but I don't know how to generate this digram, from where start.
In reality, I've tested the library storm-react-diagram, but I didn't get any result.
Please , someone can help me, orient me or propse me any template, any code that works to be inspired. really I'm lost.
Thanks

Try to check mxgraph or jointjs this two libraries will help you in your project also you need to be more clear specifying your project because it depends if you are going to generate the diagrams by using drag and drop method or something else

Related

Tools to diagram the sources of a Codename One app

A stakeholder asked me diagrams that explains how the source code of a Codename One app I’m writing works. It’s a generic question about diagrams... and it seems mission impossible to do by hand: currently I’ve already written about 50k lines of code for this app... Do you know any automatic tool that works fine with the sources of a Codename One app to make printable diagrams (any type of diagram that helps to understand how the code works)?
Thank you
If the language is Java, then you can have a lot of UML makers out there
Use IntelliJ to generate class diagram will help if you are using an IDE.

What is the Epsilon Framework that being used by some of the Mobile templates in ThemeForest?

I need someone that can explain to me what is Epsilon Framework is all about? I have a friend that just purchased two mobile tempalates at ThemeForest site which is Clean Mobile and Glovebox theme.
So then when i studied his source code, i realize the title on the html page says "Epsilon Framework 2.0" and the script src use the something like "framework.plugins.js". It may be weird but i like the templates has been designed especially for mobile. However, when i search for this framework in google, i don't find any homepage about it and all i found only the demo of this plugin and some non-related stuff.
Therefore, can someone tells me what is this framework really is? The code looks clean and i really want to learn it if possible. If someone ever used these sort of plugins, can you tell me where can i find the docs and is it an open source?
Here's the link towards that mobile template i talked about.
Clean Mobile
GloveBox 3D
Thank you.

Generating menus in client side via abp.nav.menus.MainMenu

I am working with ASPNet Boilerplate. In the documentation I was going through the NavigationProvider. What I wanted to do was to define how the menus should appear without having to hard code them at client-end.
However as the documentation points out, I couldn't find how it's being used in the downloaded template (Asp.net core with AngularJS - version 3.6.0) since there are no references made to NavigationProvider in any of the classes.
The sample Task application seems to be for an older version of Abp.
I would highly appreciate if anyone can point me to a documentation/sample for this.

Making development with Ext JS fast

Ext JS is a nice framework for web UI, but I found that building and putting stuff together takes a long time and painfully slow.
This might be a general problem when working with JavaScript, but does anybody have any way to speed things up?
What can I use? Better IDE with good JavaScript suppport? GUI designers? Code generators?
I need some way to speed up common things like building grids and forms but yet let me do complex things like creating custom components easily.
I'm using ASP.NET MVC. Coolite seems nice at first, but I feel that I'll be having trouble when creating any custom components later on.
There's always Ext GWT, which lets you use Eclipse tooling (and all of the advantages that gives you, such as refactoring, swift code navigation, etc.) to create your Ext/JavaScript app.
When you download the ExtJs library, you find lot of sample applications for common requirements like Grid panel, forms, form elements etc.
Regarding IDEs, you dont find mature productive tools, but check the below link and wish it could be of help to you
http://www.extjs.com/blog/2008/02/01/ides-plugins-and-tools-for-ext-js-20/
But if you really wish to develop custom components, you need to get through knowledge,start approaching with ExtJs-provided sample apps.
If you want to get faster at anything, practice it until you fully understand how it works and how to make it do what you want. If you are just starting out, why would expect to be able to work as quickly as you do when you are working on something that you are very familiar with?
Things I use to make ExtJS less painful
Chrome, for it's developer tools, or Firefox with Firebug.
snipMate: snippets for Vim, so I can quickly produce boiler plate code for classes.
JSLint as a command line tool. Especially good for detecting rogue commas.
Sencha forums.
ExtJS IRC chat (Server: irc.freenode.net Room: #extjs).
API documentation.
Sencha and Saki's ExtJS examples.
Beer.
ExtJS is building a designer right know so you can look forward it, the only problem I think is not gonna be free.
you can see a video demo there, in term of release date I think this is due to the first quarter of this year.
I say learn the framework. But to develop apps, I use IntelliJ IDEA, which has partial code completion, etc. It costs money though.
Once you have some practice and understanding of how ExtJS works, you'll get faster at it. By using the examples for reference, and building up my application in small pieces, I've gotten much better (and faster) at developing stuff with ExtJS. A great way to get started is to find an example (or two) that kind of do what you need, and modify (or combine) them to see how they work together.

wcf and wpf application source code for beginner

I am beginner for .net 3.5, have to work on app where I need to build desktop version as well as web version for selected modules like reporting. I think WCF will help me out to create a base from where I could call functions in both(desktop as well as web )
Let me know the any available source code sample projects to go through. It would be good if those are following any design pattern like MVC.
Here is a good place to start with WCF
and Here is a good start with WPF.
Have Fun.
You can take a look at the DinnerNow.net sample application. There's quite a bit that goes into setting it up but I think if you're ready to tackle both technologies at once it'll help a great deal.

Resources