[Do not merge] approach on reusing CTAButton
Task-related: https://github.com/Automattic/wp-calypso/issues/68089
Proposed Changes
Testing Instructions
Pre-merge Checklist
- [ ] Have you written new tests for your changes?
- [ ] Have you tested the feature in Simple (P9HQHe-k8-p2), Atomic (P9HQHe-jW-p2), and self-hosted Jetpack sites (PCYsg-g6b-p2)?
- [ ] Have you checked for TypeScript, React or other console errors?
- [ ] Have you used memoizing on expensive computations? More info in Memoizing with create-selector and Using memoizing selectors and Our Approach to Data
- [ ] Have we added the "[Status] String Freeze" label as soon as any new strings were ready for translation (p4TIVU-5Jq-p2)?
Related to #
Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:
Sections (~692 bytes added 📈 [gzipped])
name parsed_size gzip_size
plugins +3532 B (+0.1%) +665 B (+0.1%)
jetpack-cloud-plugin-management +1537 B (+0.2%) +285 B (+0.1%)
plans +63 B (+0.0%) +27 B (+0.0%)
Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.
Async-loaded Components (~31 bytes added 📈 [gzipped])
name parsed_size gzip_size
async-load-signup-steps-plans +63 B (+0.0%) +31 B (+0.0%)
React components that are loaded lazily, when a certain part of UI is displayed for the first time.
Legend
What is parsed and gzip size?
Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory. Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.
Generated by performance advisor bot at iscalypsofastyet.com.
This also fixes #68120