Last updated
Last updated
Migration to stable version (Major change)
Next.js TypeScript version (Released on 31-10-2021)
full-featured App
Simplified Authentication flow
Upgrade to react-router v6.0.0-beta.5
Other improvements like Styling, Documentation.
Figma Design file - Improvement and added Kanban app
Added new videos in the Berry Tutorial series.
Berry 3.0 has major changes with the support of MUI 5.0.x stable version. withStyle and makeStyle are no longer used. So if you want to migrate your project to the latest stable version, you can do the following.
Run style CodeMode by MUI
We have not used codemod for migration but we created style components and then used that. If you prefer that approach, you can do that as well.
Upgrade to Material-UI Beta: 5.0.0-beta.1
Upgrade to react-router: 6.0.0-beta.0
Product List
Product Details
Checkout
Enforce Eslint Rules
Absolute imports
Remove package "react-material-UI-carousel" due to no support in MUI Beta. Achieved same using "slick-carousel"
Other minor improvements & fixes
Added
Multiple layouts - Simple, Horizontal, with label, divider
Multi column forms
Action bar
Sticky Action bar
Theme
6 color preset files
Fixes
Added color preset files.
Authentication responsive issues fixed.
Change color variables name
Table->Enhanced Table checkbox issue fixed.
Pricing pages fixed.
Set 404 Error page redirection.
Apps
Change the structure of the Mail app
Fixed responsive issues.
Chat
Fixed responsive issue.
The drawer issue is fixed.
More closer to the single responsibility model
Added propTypes declaration for components which helps in the development
Set Prettier formatting property "bracketSpacing" as true
for better readability
Code clean up and minor bug fixes
File Restructured for better code understanding
Code commenting and documentation
If you using v1.0, please do backup your files first.
Berry initial release
For the Authentication, We have improved and simplified it, so you can replace it as a whole. Just refer to this .
Let us know if you need migration assistance via the .
App
Material-UI provides codemods
****for migration. Please follow this guideline: We highly recommend checking the above link if you want to upgrade your current project.
Follow this if you want to use react-router beta:
page
color shadows & Animation
blue50
primaryLight
blue200
primary200
blue500
primaryMain
blue600
primaryDark
blue800
primary800
deepPurple50
secondaryLight
deepPurple200
secondary200
deepPurple500
secondaryMain
deepPurple600
secondaryDark
deepPurple800
secondary800
A100
successLight
A200
success200
A400
successMain
A700
successDark
red200
errorLight
red500
errorMain
red800
errorDark
deepOrange50
orangeLight
deepOrange200
orangeMain
deepOrange800
orangeDark
amber50
warningLight
amber100
warningMain
amber500
warningDark
backgroundDark
darkBackground
paperDark
darkPaper
textDarkTitle
darkTextTitle
textDarkPrimary
darkTextPrimary
textDarkSecondary
darkTextSecondary
Defines change log