How to create a working project with React and Material-ui?

[beebase]

I’m trying to build a project from scratch (no framework) with a blank template.
Then I’m attaching JS Components React and material-ui.

Should this work out of the box?
I don’t see how the components loader is going to kick in.

Should I add something my self?
Are there any examples how to build custom projects with various JS components?

generated index.html

imported react as a JSComponent

[beebase]

I understand that using React with the online tool is not possible.

I’ve set up a blank project with Local CLI but what I still don’t understand is how to add js libraries.
Normally I would config webpack with babel to compile react, es6, css, ui libraries etc., but Monaca is already running a webpack instance. How do I solve this?

[Andi]

You should be able to change Monaca’s webpack configuration from the project dir files, in this way:

• Locakit: modify webpack.prod.config.js
• CLI: modify both webpack.prod.config.js and webpack.dev.config.js

[Fran Diox]

@beebase You just need to import your libraries normally in your code from node_modules for example. Webpack will bundle them.