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

Docs: upgrade to Create React App 4 #1276

Merged
merged 1 commit into from Nov 2, 2020

Conversation

christianvuerings
Copy link
Contributor

https://github.com/facebook/create-react-app/blob/master/CHANGELOG.md#400-2020-10-23

Highlights

  • Fast Refresh #8582
  • React 17 support
    • New JSX transform #9645
  • TypeScript 4 support #9734
  • ESLint 7 #8978
    • New Jest and React Testing Library rules #8963
  • Jest 26 #8955
  • PWA/workbox improvements
    • Switch to the Workbox InjectManifest plugin #9205
    • Now its own template so it can be released independently
  • Web Vitals support #9116

Test Plan

  1. yarn start
  2. Make a change
  3. Ensure the change shows up

@christianvuerings christianvuerings requested a review from a team as a code owner October 31, 2020 16:50
@netlify
Copy link

netlify bot commented Oct 31, 2020

Deploy preview for gestalt ready!

Built with commit 7e06bb0

https://deploy-preview-1276--gestalt.netlify.app

@@ -55,8 +55,8 @@ describe('Button', () => {
render(<Button text="test" disabled ref={ref} />);
expect(ref.current instanceof HTMLButtonElement).toEqual(true);
expect(
ref.current instanceof HTMLButtonElement && ref.current?.tabIndex
Copy link
Contributor Author

Choose a reason for hiding this comment

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

@AlbertCarreras could you verify that this is correct?

When I looked at a disabled <Button />, we only set the disabled attribute, we do not set the tabIndex:

  1. Go to https://gestalt.netlify.app/Button
  2. Toggle Disable buttons
  3. Inspect the HTML in the Chrome devtools
  4. No tabIndex is set on the button

image

Copy link
Contributor

Choose a reason for hiding this comment

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

@christianvuerings

The tabIndex gets to -1 if tabIndex is null (when disabled)
image

image

</Switch>
</App>
</BrowserRouter>
<AppWrapper />
Copy link
Contributor Author

Choose a reason for hiding this comment

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

@ayeshakmaz @AlbertCarreras fyi had to move this wrapper outside of index.js since otherwise fast refresh does not detect incremental changes to the docs

@christianvuerings christianvuerings merged commit 1ef668f into pinterest:master Nov 2, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
minor release Minor release
Projects
None yet
3 participants