title: ReactJs AdminLTE Dashboard
body: <p>I am new in ReactJS. I want to use ReactJS-AdminLTE in my project. Can anybody tell how to use it with step by step process.</p>
  
  <p>Steps I followed</p>
  
  <p>1) I set Reactjs environment using <a href="https://www.tutorialspoint.com/reactjs/" rel="nofollow noreferrer">https://www.tutorialspoint.com/reactjs/</a> tutorial</p>
  
  <p>2) Then I install ReactJS-AdminLTE using command <strong>npm install adminlte-reactjs</strong></p>
  
  <p>My webpack.config file is</p>
  
  <pre><code>var path=require('path');
  var config = {
     entry: './main.js',
  
     output: {
        path: path.join(__dirname, "./"),
        filename: 'index.js',
     },
  
     devServer: {
        inline: true,
        port: 8080
     },
  
     module: {
        loaders: [
           {
              test: /\.jsx?$/,
              exclude: /node_modules/,
              loader: 'babel-loader',
  
              query: {
                 presets: ['es2015', 'react']
              }
           }
        ]
     }
  }
  
  module.exports = config;
  </code></pre>
  
  <p>App.jsx</p>
  
  <pre><code>import React from 'react';
  import reactjsAdminlte from 'adminlte-reactjs';
  
  class App extends React.Component {
     render() {
  
        return (
  
              &lt;Box 
      width = 3 
      border = true
      content = 'The body of the box'
      theme = 'box-primary'
      title = 'Collapsable'
      collapsed = true
      boxTools = ['collapse']
  /&gt;
  
  
        );
     }
  }
  
  export default App;
  </code></pre>
  
  <p>Index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang = "en"&gt;
  
     &lt;head&gt;
        &lt;meta charset = "UTF-8"&gt;
        &lt;title&gt;React App&lt;/title&gt;
     &lt;/head&gt;
  
     &lt;body&gt;
        &lt;div id = "app"&gt;&lt;/div&gt;
        &lt;script src = "index.js"&gt;&lt;/script&gt;
     &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>But result is not displaing.</p>