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

Add a checkbox to fixtures UI to choose React production build #13786

Merged
merged 3 commits into from
Nov 14, 2018

Conversation

poeschko
Copy link
Contributor

@poeschko poeschko commented Oct 6, 2018

This started out as a part of #13613 which will probably be closed.

@poeschko
Copy link
Contributor Author

poeschko commented Oct 6, 2018

@philipp-spiess kindly deployed this for taking a quick look: https://philipp-react-dom-fixtures.netlify.com/

@sizebot
Copy link

sizebot commented Oct 6, 2018

Details of bundled changes.

Comparing: e2e7cb9...8d0db37

scheduler

File Filesize Diff Gzip Diff Prev Size Current Size Prev Gzip Current Gzip ENV
scheduler.development.js n/a n/a 0 B 19.17 KB 0 B 5.74 KB UMD_DEV
scheduler.production.min.js n/a n/a 0 B 3.16 KB 0 B 1.53 KB UMD_PROD

Generated by 🚫 dangerJS

Copy link
Contributor

@nhunzaker nhunzaker left a comment

Choose a reason for hiding this comment

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

Thank you for sending this in! I've requested a few small changes, but I think this is otherwise good to go.

Thanks for contributing!

onChange={this.handleProductionChange}
/>
<label htmlFor="react_production">
<span className="header__label">Production</span>
Copy link
Contributor

Choose a reason for hiding this comment

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

Could you eliminate this extra span by adding the class name to the label?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yes, good idea.

type="checkbox"
checked={this.state.production}
onChange={this.handleProductionChange}
/>
Copy link
Contributor

Choose a reason for hiding this comment

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

Could you add a style to center this vertically with the label? maybe:

.header__checkbox {
  vertical-align: middle;
}

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yes, done.

@nhunzaker
Copy link
Contributor

@poeschko Hey! Just wanted to check in. I'd be happy to move this along if you'd like.

@poeschko
Copy link
Contributor Author

Thanks for the comments (which I have addressed now), and sorry for the delay.

@nhunzaker
Copy link
Contributor

Awesome, thank you! I'm going to do a quick build locally, but this is ready to 🚢!

@nhunzaker
Copy link
Contributor

Checks out. Awesome stuff, thanks for doing this!

@nhunzaker nhunzaker merged commit 5f06576 into facebook:master Nov 14, 2018
@philipp-spiess
Copy link
Contributor

philipp-spiess commented Nov 15, 2018

Thanks for reviewing @nhunzaker 🎉

And congrats for getting this shipped @poeschko 🙌

jetoneza pushed a commit to jetoneza/react that referenced this pull request Jan 23, 2019
…ook#13786)

* Add a checkbox to fixtures UI to choose React production build

* Assign header__label class name to label directly, instead of using a separate span

* center the production checkbox vertically
n8schloss pushed a commit to n8schloss/react that referenced this pull request Jan 31, 2019
…ook#13786)

* Add a checkbox to fixtures UI to choose React production build

* Assign header__label class name to label directly, instead of using a separate span

* center the production checkbox vertically
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants