want to know about upgrade

[Srashti-jain]

Hi team,
I want to know how to upgrade Patternfly 4 to Patternfly 5 in my existing project.
Please help me step by step.

[nicolethoen]

Hello @Srashti-jain! we are excited to see people migrating!

We do have a guide for upgrading on our website: https://www.patternfly.org/get-started/upgrade
As you work through this guide, please feel free to reach out with any questiosn!

[Srashti-jain]

I read the upgrade documentation but I am confused. Can you explain to me step by step?

…

On Thu, Aug 10, 2023 at 11:58 PM Nicole Thoen ***@***.***> wrote: Hello @Srashti-jain <https://github.com/Srashti-jain>! we are excited to see people migrating! We do have a guide for upgrading on our website: https://www.patternfly.org/get-started/upgrade As you work through this guide, please feel free to reach out with any questiosn! — Reply to this email directly, view it on GitHub <#5812 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AXYW2CJNBU2B3B6V3LIDTVLXUUR3HANCNFSM6AAAAAA3LCXNLI> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[nicolethoen]

Do you already have an app running with PatternFly 4 dependencies?

[Srashti-jain]

Yes, I have! I am working at an organization and we are using patternfly in our running project.

…

On Fri, Aug 11, 2023 at 6:25 PM Nicole Thoen ***@***.***> wrote: Do you already have an app running with PatternFly 4 dependencies? — Reply to this email directly, view it on GitHub <#5812 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AXYW2CKV2AJ35YL4BNUF4QLXUYTSVANCNFSM6AAAAAA3LCXNLI> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[nicolethoen]

So i'd recommend updating the versions of the PatternFly dependencies in your project's package.json file to the promoted versions listed at the top of this page: https://www.patternfly.org/get-started/release-highlights
after that's done, from your project's root directory run this command npx @patternfly/pf-codemods@latest <path to your source code>

This will output in your console all the changes you'll need to make to consume PF5. Browse the list and if you're comfortable, you can run it again but add a --fix flag so the code mods will make a suite of changes for you. Then you can read the remaining errors flagged in the console and address them one at a time manually. That's all explained in more detail here

Hopefully that will get your code base building/compiling again. Then you'll want to run the app and see how things are appearing visually. If there are many CSS style overrides written on top of PF, likely they will need to be updated according to these instructions.

Hopefully that helps!