Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

build(react18)!: drop support for react v16 and v17 #7666

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

ethan-ozelius-contentful
Copy link
Contributor

@ethan-ozelius-contentful ethan-ozelius-contentful commented May 9, 2024

Purpose

  1. Update Ecommerce-app-base to react v18
  2. implement new style root.render(), as opposed to render(, node). see react article
  3. Swap out react v16 >= react-sortable-hoc library with new dndkit that supports react v18 <=

BREAKING CHANGE: Dropping support for react-dom <= 17 and react <= 17. Consumers of ecommerce-app-base are required to implement react v18.

Testing steps

Shopify

Tested locally by npm pack'ing a ecommerce-app-base tar file, and installing it locally inside shopify.
shopify

Also tested with Storybook

sortable-storybook

Copy link

netlify bot commented May 9, 2024

Deploy Preview for ecommerce-app-base-components ready!

Name Link
🔨 Latest commit 61327d5
🔍 Latest deploy log https://app.netlify.com/sites/ecommerce-app-base-components/deploys/664f6a0f286fcd0008b810ae
😎 Deploy Preview https://deploy-preview-7666--ecommerce-app-base-components.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@ethan-ozelius-contentful ethan-ozelius-contentful force-pushed the eozelius/ecommerce-app-base/react-sortable-hoc-to-dndkit branch 6 times, most recently from 015e939 to c1e5270 Compare May 14, 2024 15:39
@ethan-ozelius-contentful ethan-ozelius-contentful marked this pull request as ready for review May 14, 2024 15:40
@ethan-ozelius-contentful ethan-ozelius-contentful requested a review from a team as a code owner May 14, 2024 15:40
packages/ecommerce-app-base/package-lock.json Outdated Show resolved Hide resolved
packages/ecommerce-app-base/package-lock.json Show resolved Hide resolved
skuType,
}) => {
const [productPreviews, setProductPreviews] = useState<Product[]>([]);
const getProductPreviews = useCallback(async () => {
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • todo: see if we can re-implement shouldRefetch()

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

done, see usePreviousSkus() hook

packages/ecommerce-app-base/src/Editor/SortableList.tsx Outdated Show resolved Hide resolved
@ethan-ozelius-contentful ethan-ozelius-contentful force-pushed the eozelius/ecommerce-app-base/react-sortable-hoc-to-dndkit branch 4 times, most recently from 29bbcbe to 6090fc6 Compare May 23, 2024 15:56
@ethan-ozelius-contentful ethan-ozelius-contentful requested a review from a team as a code owner May 23, 2024 15:56
@ethan-ozelius-contentful ethan-ozelius-contentful changed the title build(react18)!: drop support for react v17 and v18. replace react-so… build(react18)!: drop support for react v16 and v17. replace react-so… May 23, 2024
@ethan-ozelius-contentful ethan-ozelius-contentful changed the title build(react18)!: drop support for react v16 and v17. replace react-so… build(react18)!: drop support for react v16 and v17 May 23, 2024
…rtable-hoc with dnd-kit

BREAKING CHANGE: Consumers of ecommerce-app-base are required to implement react v18
@ethan-ozelius-contentful ethan-ozelius-contentful force-pushed the eozelius/ecommerce-app-base/react-sortable-hoc-to-dndkit branch from 6090fc6 to 61327d5 Compare May 23, 2024 16:08
Copy link
Contributor

@whitelisab whitelisab left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome! 🚀 Thanks for making the changes we discussed, this LGTM!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants