Migration Guide for Templates

This guide covers updating templates up to version 10.x, next major version of PrimeReact will have a new theming system.

Migration an application template to a newer version of PrimeReact requires updating the PrimeReact version and the designer folder to align the theme.

1) PrimeReact Version

Open package.json and update the PrimeReact dependency.

"primereact": "x.y.z"

2) SASS Theme

Visit the primereact-sass-theme and download the release that matches the PrimeReact version. Extract the contents of the bundle copy the theme-base folder, and update the theme-base folder at /public/theme/theme-base with the new content. The final structure should be like the following;

• /public/theme/theme-base
  • _colors.scss
  • _common.scss _ _components.scss
  • _mixins.scss _ components

3) Compile SASS

Final step is compiling the SASS to generate CSS. Install SASS if you do not have sass at command line.

sass --update public/theme:public/theme

If you receive compilation errors, it may be due to missing SASS variables. In this case add the missing variables and compile again.

4) Support

Visit the PrimeReact Templates Forum to create a ticket for assistance.