jaredpalmer / jaredpalmer/react-simple-infinite-scroll

Updates for unsafe lifecycles -> Package will break in React 17.0

Open
#14 0 comments 3 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
141
Forks
24
PR merge metrics
No merged PRs in 30d

Description

In React 16.3, aliases were introduced for unsafe lifecycles:

- UNSAFE_componentWillMount
- UNSAFE_componentWillReceiveProps
- UNSAFE_componentWillUpdate

In the most recent version of React (16.9.*), console warnings highlight that starting with React 17.0, if you are not using the UNSAFE aliases, the component will not work.

![image](https://user-images.githubusercontent.com/3609623/65067441-269bd700-d94c-11e9-83a6-7fcd26c03de0.png)

Would you be able to publish a new package with the unsafe aliases in place?

```
cd your_project
npx react-codemod rename-unsafe-lifecycles
```

More information can be found here: https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html

Contributor guide

No contributing guide indexed for this repository

Research direction

Use the React 17 lifecycle guidance and the `npx react-codemod rename-unsafe-lifecycles` command as starting references, then locate the package's lifecycle methods. Done means the package uses the UNSAFE_ lifecycle aliases and avoids the React 17 lifecycle compatibility warning.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.