npm install
..npmrc
in the extracted directory. Those files are typically hidden in Unix based systems.npm start
in the console. This will start a development server with hot reloading enabled.npm run build:prod
. After the process is complete you can copy the output from the /dist/
directory. The output files are minified and ready to be used in a production environment./build
directory. For more details checkout the documentation of WebPack.app/components
- custom React components should go hereapp/styles
- styles added here won't be treated as CSS Modules, so any global classes or library styles should go hereapp/layout
- the AppLayout
component can be found here which hosts page contents within itself; additional sidebars and navbars should be placed in ./components/
subdir.app/colors.js
- exports an object with all of the defined colors by the Dashboard. Useful for styling JS based components - for example charts.app/routes
- PageComponents should be defined here, and imported via index.js
. More details on that later./routes/
directory. Next you should open /routes/index.js
file and attach the component. You can do this in two diffrent ways:React.Suspense
to achieve this. Example:initialStyle
and initialColor
to the <ThemeProvider>
component which should be wrapping the <Layout>
component.initialStyle
values:initialColor
values:ThemeConsumer
from the components. Example:ThemeConsumer
: style - current theme style color - current theme color *onChangeTheme({ style?, color? }) - allows to change the theme