How to get MDB working with a new Create-React-App


Topic: How to get MDB working with a new Create-React-App

Nates pro premium asked 7 years ago

Hi

How do I install and get going with the pro version (which I purchased).

I used create-react-app to get my project going, what now?

Also, is there clear instructions on whether I must import CSS files in index.html in the public folder.


Nates pro premium commented 7 years ago

I added with a valid token to my package, and things are looking much better.. "mdbreact": "git+https://oauth2:XXXXXX-J@git.mdbootstrap.com/mdb/react/re-pro.git" I noticed in other support tickets people importing into index.js 1. how did they know to do this? Also, which oens should I import and why? Where is this documented?

Mikołaj Smoleński staff answered 7 years ago

Hi,

Here is the quick installation instruction: https://mdbootstrap.com/react/5-min-quick-start/

You will also need to import css files to Your index.js file. It should look like this:

import React from 'react';
import ReactDOM from 'react-dom';
import 'font-awesome/css/font-awesome.min.css';
import 'bootstrap/dist/css/bootstrap.min.css';
import 'mdbreact/dist/css/mdb.css';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

 Best Regards


Nates pro premium commented 7 years ago

Thanks, but how did you know you had to do this? The quick start does not mention this importing of CSS

Bartłomiej Malanowski staff pro premium commented 7 years ago

@Nates, Mikolaj is one of our React developers that's why he knows it ;) Also, we'll update our quick start guide to let other people know it too

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No