feat: Update PulpUI to React 19
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 29
- Forks
- 22
- Avg merge
- 2d 6h
- Merged PRs (30d)
- 19
Description
Summary
React 19 released on 25 April 2024, bringing a fleet of new features to the framework, whilst also deprecated a variety of functions. As PulpUI has already been upgraded to React@18.3.1, this allows the deprecated functions to be make visible for refactor. With the JavaScript eco-system rapidly changing and the introduction of PatternFly 6, migrating to the latest React version will provide a range of performance & security benefits, avoiding future issues when support drops for React 18.
Tasks
- Understand current dependency requirements for React and peer dependencies.
- Update Package Files: Bump
react,react-dom,@types/reactand@types/react-domto19.2.8 - Deploy
react/19/migration-recipecodemod to convert deprecated functions to new standards. - Deploy
types-react-codemodto convert deprecated types to new standards. - Run Cypress tests & run UI build steps
- Document minor issues found for future attention within Github Issues.
Packages to be updated
react-markdown
Packages of concern
file-savercompare-versions
Found Blockers (To be updated throughout work)
@patternflypackages require upgrade to6.6.0to support React 19.
References
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reviewing the current React and peer-dependency requirements in the package files, then read the React 19 upgrade guide and inspect the referenced migration codemods. Check the PatternFly 6.6.0 blocker and the packages of concern before running the codemods. Done means dependencies and types are updated, Cypress and UI build steps pass, and minor issues are documented in GitHub Issues.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- cypress, react, typescript
- Domain
- build-system, frontend, testing-qa
- Issue type
- Refactor
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100