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

Change default metro.config.js to utilize inline requires #29770

Closed
wants to merge 2 commits into from

Conversation

GantMan
Copy link
Contributor

@GantMan GantMan commented Aug 26, 2020

Summary

This feature has been in experimental mode since 0.59.0. The feature seems quite beneficial.

Most people won't know to look for the inline requires flag, and it's been existing in React Native as an experiment for months. This defaults the flag to true as the next step towards utilizing this optimization for React Native devs initiating brand new projects.

Changelog

[General] [Breaking] - Enable inlineRequires by default. Gives a performance benefit but slightly different JS execution order

anku255 and others added 2 commits August 25, 2020 19:29
Summary:
This Pull request adds the UI changes to the RNTester app as discussed in the MLH Fellowship.

## Changelog

This list is not exhaustive.

- The initial App screen is redesigned.
  - A bottom Navbar has been added.
   - Filter pills are added.
   - The list card UI is updated.

- The example page UI is updated.

- Recently Viewed Sections are added. It shows the last 5 recently viewed components/APIs.

- Bookmarking functionality is added.

- The documentation URL is added to the example page.

- RNTester doesn't lose its state on a hard refresh (even on iOS).

# Screenshots

<img width="373" src="https://user-images.githubusercontent.com/22813027/90530113-20346180-e192-11ea-8ef6-789fa25b402b.png" />
<img width="373" src="https://user-images.githubusercontent.com/22813027/90530112-20346180-e192-11ea-9539-706b540fcc5f.png" />
<img width="373" src="https://user-images.githubusercontent.com/22813027/90530100-1d397100-e192-11ea-8836-b88070643233.png" />
<img width="373" src="https://user-images.githubusercontent.com/22813027/90530110-1f9bcb00-e192-11ea-936b-64ee75fa4289.png" />

Pull Request resolved: facebook#29685

Test Plan:
Imported from GitHub, without a `Test Plan:` line.

# Tested RNTester in Catalyst

{F302717939}

# Tested in RNTester in Facebook

Note: this failed **before** this diff too:

{F302745716}

Reviewed By: mdvacca, cpojer

Differential Revision: D23240434

fbshipit-source-id: 65e2766a6a097eca0e0d0fda8dadf6871e9276c2
This feature has been in experimental mode since 0.59.0
@facebook-github-bot facebook-github-bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Aug 26, 2020
@pull-bot
Copy link

Messages
📖 📋 Missing Test Plan - Can you add a Test Plan? To do so, add a "## Test Plan" section to your PR description. A Test Plan lets us know how these changes were tested.

Generated by 🚫 dangerJS against 83efc70

Copy link
Contributor

@facebook-github-bot facebook-github-bot left a comment

Choose a reason for hiding this comment

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

@TheSavior has imported this pull request. If you are a Facebook employee, you can view this diff on Phabricator.

@analysis-bot
Copy link

Platform Engine Arch Size (bytes) Diff
android hermes arm64-v8a 7,029,251 0
android hermes armeabi-v7a 6,693,203 0
android hermes x86 7,449,584 0
android hermes x86_64 7,340,459 0
android jsc arm64-v8a 9,187,808 0
android jsc armeabi-v7a 8,843,909 0
android jsc x86 9,036,223 0
android jsc x86_64 9,613,305 0

Base commit: 549e5a8

@analysis-bot
Copy link

Platform Engine Arch Size (bytes) Diff
ios - universal n/a --

Base commit: 549e5a8

@elicwhite
Copy link
Member

This landed but internal tooling was broken which lost attribution. :(

fd691d8

Thanks for contributing!

@elicwhite elicwhite closed this Aug 26, 2020
elicwhite referenced this pull request Aug 26, 2020
fbshipit-source-id: 65e2766a6a097eca0e0d0fda8dadf6871e9276c2
bigfootjon pushed a commit that referenced this pull request Aug 26, 2020
Summary:
This feature has been in [experimental mode since 0.59.0](https://reactnative.dev/blog/2019/03/12/releasing-react-native-059#-faster-app-launches-with-inline-requires).  The feature seems quite beneficial.

Most people won't know to look for the inline requires flag, and it's been existing in React Native as an experiment for months.  This defaults the flag to true as the next step towards utilizing this optimization for React Native devs initiating brand new projects.

## Changelog
<!-- Help reviewers and the release process by writing your own changelog entry. For an example, see:
https://github.com/facebook/react-native/wiki/Changelog
-->

[General] [Breaking] - Enable `inlineRequires` by default. Gives a performance benefit but slightly different JS execution order

Pull Request resolved: #29770

Reviewed By: cpojer

Differential Revision: D23338113

Pulled By: TheSavior

fbshipit-source-id: 1b8ff41418c81a324335782d4b4109d89594ccbf
@mrousavy
Copy link
Contributor

Is there a reason to leave experimentalImportSupport disabled? I thought those two features were related?

@kuasha420
Copy link

Is there a reason to leave experimentalImportSupport disabled? I thought those two features were related?

The whole think is quite under documented

This was referenced Mar 15, 2021
philippeauriach pushed a commit to philippeauriach/react-native that referenced this pull request May 5, 2021
…9770)

Summary:
This feature has been in [experimental mode since 0.59.0](https://reactnative.dev/blog/2019/03/12/releasing-react-native-059#-faster-app-launches-with-inline-requires).  The feature seems quite beneficial.

Most people won't know to look for the inline requires flag, and it's been existing in React Native as an experiment for months.  This defaults the flag to true as the next step towards utilizing this optimization for React Native devs initiating brand new projects.

## Changelog
<!-- Help reviewers and the release process by writing your own changelog entry. For an example, see:
https://github.com/facebook/react-native/wiki/Changelog
-->

[General] [Breaking] - Enable `inlineRequires` by default. Gives a performance benefit but slightly different JS execution order

Pull Request resolved: facebook#29770

Reviewed By: cpojer

Differential Revision: D23338113

Pulled By: TheSavior

fbshipit-source-id: 1b8ff41418c81a324335782d4b4109d89594ccbf
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

8 participants