I would like to implement the flow of work like that:
Designers manage the styles and the way our components look via Adobe XD
Then it gets exported to some repository as React components library with our styles exported from Adobe on top of the MUI
We use this library in our developemnt
Every time the design is updated we just update the library
We build a budle and it runs in production
Do you know if there's a service or a plugin that enables this flow?
I addressed MUI support to know if this plugin makes it work but got no feedback yet.
Related
Silly question: following the picture, are these disable icons mean that the plugin is unusable with Angular and VueJS ?
Any plugin that's not dependent on a particular framework, in other words developed for NativeScript Core can be integrated with any framework.
nativescript-sim-info can be used with any framework, the icons there just lets you know the plugin do not have explicit support for frameworks like Angular / Vue etc., But you wouldn't need it for a non-UI plugin. Only plugins that helps with UI may need explicit support.
Are there any existing PSD or Sketch (preferred option) files for Material-UI components available?
https://material-ui.com/
I can use Sketch build in Material Design Template v2 for mockups but I am not sure if that is an accurate representation of the components for prod design. And that is something that can cause issues later on.
http://www.sketchappsources.com/free-source/1601-material-design-sketch-template-v2.html
Material-UI has an official version for Sketch, they are an accurate representation of production and kept in sync with the React components.
Alternatively,
Sketch has a few symbols for Material Design but they cover very few of the components and an outdated version of the specification.
Material Design has a Sketch plugin but it supports fewer components than Material-UI and doesn't use the same wording/structure as Material-UI that makes it harder to move from design to implementation.
I am new for ReactJS. Should I go with JSXTransformer or Babel for writing ReactJS code?
I understand that ReactJS implementation is not depend on JSXTransformer / babel. We can use ReactJS without these two too, but still I want about this with respect to ReactJS.
This is opinion based so should probably be closed.
Pretty sure the React team have deprecated the use of the JSX Transformer (outside of in-browser development usage) in favour of Babel. Babel now supports everything that React needs (and more) in a convenient and standard way and should be considered the preferred method of JSX transformation.
More information on React tooling can helpfully be found at their tooling page.
Matt Styles is right, it's beeing deprecated:
from here
JSXTransformer is another tool we built specifically for consuming JSX
in the browser. It was always intended as a quick way to prototype
code before setting up a build process. It would look for
tags with type="text/jsx" and then transform and run. This ran the
same code that react-tools ran on the server. Babel ships with a
nearly identical tool, which has already been integrated into JS Bin.
We'll be deprecating JSXTransformer, however the current version will
still be available from various CDNs and Bower.
However it is great to learn the basic of react, focusing on component methods, passing props, etc.. with a easy integration.
But i believe you won't be able to require any node modules, wich will block you soon or later.
To learn React and the node environnement, I suggest you to make a few tutorials, and to test and read the code of simple boilerplates project like these:
react-hot-boilerplate
react-transform-boilerplate
I am looking for steps (end to end) on how to create and use custom theme in custom OpenUI5 apps.
I have looked at the OpenUI5 code in GitHub and it is still a bit not clear for me as far as the end to end process goes.
Here's what I have understood so far
Each control has its own *.less file for each theme and there is base.less with the color definitions.
A grunt task loops through the LESS files and generates one common library.css for each library (sap.ui.core, sap.m, etc..)
Add the CSS in the resources folder as shown here
Is this correct, or am I missing a way to create custom themes without any SAP software license?
I think the "UI Theme Designer" needs SAP software to be installed. I am looking for something not linked with the SAP environment.
I'm working on project using GWT (with Vaadin) and I'm looking for a good, preferably, integrated flow chart library. The library can be commerical and preferrably is integrated with Vaadin.
Any recommendations?
I would go with mx-graph gwt wrapper with vaadin:
http://forum.jgraph.com/questions/4390/using-mxgraph-with-vaadin
http://jgraph.github.io/mxgraph/docs/manual.html#2.2.2.1