feat: 0.76 Release Blog Post #4279

blakef · 2024-10-14T16:52:10Z

The release blog post. This is an early draft that requires community feedback on:

accuracy
glaring omissions

Please avoid bike-shedding where possible.

netlify · 2024-10-14T16:53:16Z

✅ Deploy Preview for react-native ready!

Name	Link
🔨 Latest commit	`ca2a2a3`
🔍 Latest deploy log	https://app.netlify.com/sites/react-native/deploys/671000e58027d20008cc9648
😎 Deploy Preview	https://deploy-preview-4279--react-native.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

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

website/blog/2024-10-23-release-0.76-new-architecture.md

cipolleschi

Great job with the blogpost! 👏 👏 👏 👏 👏

I left some suggestions to streamline it a little bit more. Also, we need to run the linter on it! @blakef

website/blog/2024-10-23-release-0.76-new-architecture.md

slorber

Things that could be worth it to include:

Swift template? (although it's in a separate repo now) feat: migrate template to Swift react-native-community/template#45
Metro 0.81 (and mention recent perf gains)? https:/facebook/metro/releases/tag/v0.81.0
Not sure it's worth mentioning, but CSS isolate: Add isolate property react-native#45883
Modal backdropColor? feat: add overlayColor prop to modal component for customisable background overlay react-native#46322

website/blog/2024-10-23-release-0.76-new-architecture.md

cipolleschi · 2024-10-15T14:27:04Z

@slorber

Swift template? (although it's in a separate repo now) react-native-community/template#45

This will not land in 0.76. The 0.76 branch of the template still has the objective-c code, so it will not pop up in the upgrade helper and any new project in 0.76 with the template will still have the code in objective-c. That's why we omitted it.

Metro 0.81 (and mention recent perf gains)? facebook/[email protected] (release)

This is worth calling out, especially because we also call that out at React Universe on the stage. cc. @blakef

Not sure it's worth mentioning, but CSS isolate: facebook/react-native#45883

This feels like a detail of the views that was introduced to make other properties that depends on the stacking context work better.. Do you think that many people might want to use this prop?

Modal backdropColor? facebook/react-native#46322

This feels like something too small to make it to the blogpost. When we write the blogpost, we try to put there the highlights that might attract the most people or the announcement we want to make. A specific prop in a specific component is something that only person that is really interested into should look for in the Changelog or in the documentation.

slorber · 2024-10-15T15:14:33Z

Thanks

Forgot that Oskar said Swift template was for 0.77

I understand and doubt many will use CSS isolate, even most web devs never heard of it 😄
What I usually do for Docusaurus is add all these smaller changes in a list after the highlights: https://docusaurus.io/blog/releases/3.5#other-changes

website/blog/2024-10-23-release-0.76-new-architecture.md

cipolleschi · 2024-10-16T11:12:13Z

@blakef can we fix the PR? it fails to lint, build and deploy.

Retain only mid/low blast radius breaking changes.

Typos and missing changes

elicwhite · 2024-10-16T23:04:34Z

website/blog/2024-10-23-release-0.76-new-architecture.md

+
+### React Native New Architecture by default
+
+The New Architecture is here. Starting from 0.76 the New Architecture is enabled by default in your projects.


Suggested change

The New Architecture is here. Starting from 0.76 the New Architecture is enabled by default in your projects.

Starting from 0.76 the New Architecture is enabled by default in your projects.

elicwhite · 2024-10-16T23:07:03Z

website/blog/2024-10-23-release-0.76-new-architecture.md

+- On Android, you can modify the `gradle.properties` file and turn the `newArchEnabled` flag to `false`.
+
+```diff
+-newArchEnabled=false


This should start off as true, right?

elicwhite · 2024-10-16T23:11:54Z

website/blog/2024-10-23-release-0.76-new-architecture.md

+
+### Box Shadow and Filter style props
+
+We’ve added two New Architecture only style props in 0.76 - `boxShadow` and `filter`. Both of these props exist on the web, and the team tried to stick to the specs when possible so that these props are predictable, familiar, and ultimately easier to adopt. As a result, you can look up the web documentation to fully understand how these work, but there are a few important differences which are noted below.


"and the team tried to stick to the specs when possible"

This sentence raises spidey senses. What does this mean? "We tried, but didn't stick to web specs"? "For everything we support, it matches the web specs"?

Can we make this more explicit?

elicwhite · 2024-10-16T23:25:21Z

website/blog/2024-10-23-release-0.76-new-architecture.md

+
+There are some difference between the new `boxShadow` and the [existing shadow functionality](https://reactnative.dev/docs/shadow-props):
+
+- Does not work on Android


This is confusing. This list could be read as the new one doesn't work on Android.

"The previous shadow functionality had some shortcomings addressed now addressed by boxShadow:

It not works on Android

It can be inset
...
"

Something like that. Just frame the list from the perspective of what you can do now, as this is the announcement post for 0.76.

elicwhite · 2024-10-16T23:27:52Z

website/blog/2024-10-23-release-0.76-new-architecture.md

+### [Android] React Native is distributed as a single library
+
+React Native 0.76 will ship with a reduced number of native dynamic libraries, as we merged a lot of our native code into a single library called `libreactnative.so`.
+This change comes with reduction in app size, and improvement in app startup performance on Android.


This reduction in app size is massive, right? Let's put the number here. If it is large enough, should it be in the blog post title too?

elicwhite · 2024-10-16T23:29:25Z

website/blog/2024-10-23-release-0.76-new-architecture.md

+
+We have updated our minimum platform and SDK versions:
+
+- iOS: [15.1](https://support.apple.com/en-gb/108051#151)


Is it worth including what we updated from? Otherwise it's not obvious how big or small of a change this is. Did we bump from 15.0? 14? 13?

elicwhite · 2024-10-16T23:32:03Z

website/blog/2024-10-23-release-0.76-new-architecture.md

+
+### Other Breaking Changes
+
+- **Animation**


Why is this capitalized and the other bullets are lower case? Should they all be capitalized?

elicwhite · 2024-10-16T23:34:17Z

website/blog/2024-10-23-release-0.76-new-architecture.md

+
+Please use the [React Native Upgrade Helper](https://react-native-community.github.io/upgrade-helper/) to view code changes between React Native versions for existing projects, in addition to the Upgrading docs.
+
+To create a new project:


probably need to be clear that this isn't the official way to create a project, it's the community cli.

And since we recommend people create new projects with Expo, I'd pull up the Expo line to be first

facebook-github-bot added CLA Signed p: Facebook Partner labels Oct 14, 2024

blakef force-pushed the 0.76-release-blog branch 5 times, most recently from 55ccb5c to 381e25c Compare October 14, 2024 17:58

joevilches reviewed Oct 14, 2024

View reviewed changes

website/blog/2024-10-23-release-0.76-new-architecture.md Outdated Show resolved Hide resolved

blakef force-pushed the 0.76-release-blog branch 3 times, most recently from b118484 to 1ff6856 Compare October 14, 2024 20:55

cipolleschi requested changes Oct 15, 2024

View reviewed changes

cortinico marked this pull request as draft October 15, 2024 10:35

slorber reviewed Oct 15, 2024

View reviewed changes

website/blog/2024-10-23-release-0.76-new-architecture.md Show resolved Hide resolved

Simek reviewed Oct 15, 2024

View reviewed changes

website/blog/2024-10-23-release-0.76-new-architecture.md Outdated Show resolved Hide resolved

Simek reviewed Oct 15, 2024

View reviewed changes

website/blog/2024-10-23-release-0.76-new-architecture.md Outdated Show resolved Hide resolved

Simek reviewed Oct 15, 2024

View reviewed changes

website/blog/2024-10-23-release-0.76-new-architecture.md Outdated Show resolved Hide resolved

Simek reviewed Oct 15, 2024

View reviewed changes

website/blog/2024-10-23-release-0.76-new-architecture.md Outdated Show resolved Hide resolved

elicwhite reviewed Oct 15, 2024

View reviewed changes

website/blog/2024-10-23-release-0.76-new-architecture.md Outdated Show resolved Hide resolved

elicwhite reviewed Oct 15, 2024

View reviewed changes

website/blog/2024-10-23-release-0.76-new-architecture.md Outdated Show resolved Hide resolved

blakef added 4 commits October 16, 2024 16:52

feat: 0.76 Release Blog Post

94f2005

fix: 0.76 release notes

6991799

Retain only mid/low blast radius breaking changes.

fix: 0.76 release notes

6c6c6dd

Typos and missing changes

fix: 0.76 blog post linter issues

f6c92ba

blakef force-pushed the 0.76-release-blog branch from 44e29e0 to b534854 Compare October 16, 2024 17:51

blakef force-pushed the 0.76-release-blog branch from b534854 to 65b7554 Compare October 16, 2024 18:00

blog: add feedback from PR

ca2a2a3

blakef force-pushed the 0.76-release-blog branch from 65b7554 to ca2a2a3 Compare October 16, 2024 18:07

elicwhite reviewed Oct 16, 2024

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: 0.76 Release Blog Post #4279

feat: 0.76 Release Blog Post #4279

blakef commented Oct 14, 2024 •

edited

Loading

netlify bot commented Oct 14, 2024 •

edited

Loading

cipolleschi left a comment •

edited

Loading

slorber left a comment •

edited

Loading

cipolleschi commented Oct 15, 2024 •

edited

Loading

slorber commented Oct 15, 2024

cipolleschi commented Oct 16, 2024

elicwhite Oct 16, 2024

elicwhite Oct 16, 2024

elicwhite Oct 16, 2024

elicwhite Oct 16, 2024

elicwhite Oct 16, 2024

elicwhite Oct 16, 2024

elicwhite Oct 16, 2024

elicwhite Oct 16, 2024


		### React Native New Architecture by default

		The New Architecture is here. Starting from 0.76 the New Architecture is enabled by default in your projects.

	The New Architecture is here. Starting from 0.76 the New Architecture is enabled by default in your projects.
	Starting from 0.76 the New Architecture is enabled by default in your projects.


		### Box Shadow and Filter style props

		We’ve added two New Architecture only style props in 0.76 - `boxShadow` and `filter`. Both of these props exist on the web, and the team tried to stick to the specs when possible so that these props are predictable, familiar, and ultimately easier to adopt. As a result, you can look up the web documentation to fully understand how these work, but there are a few important differences which are noted below.


		There are some difference between the new `boxShadow` and the [existing shadow functionality](https://reactnative.dev/docs/shadow-props):

		- Does not work on Android


		We have updated our minimum platform and SDK versions:

		- iOS: [15.1](https://support.apple.com/en-gb/108051#151)


		Please use the [React Native Upgrade Helper](https://react-native-community.github.io/upgrade-helper/) to view code changes between React Native versions for existing projects, in addition to the Upgrading docs.

		To create a new project:

feat: 0.76 Release Blog Post #4279

Are you sure you want to change the base?

feat: 0.76 Release Blog Post #4279

Conversation

blakef commented Oct 14, 2024 • edited Loading

netlify bot commented Oct 14, 2024 • edited Loading

✅ Deploy Preview for react-native ready!

cipolleschi left a comment • edited Loading

Choose a reason for hiding this comment

slorber left a comment • edited Loading

Choose a reason for hiding this comment

cipolleschi commented Oct 15, 2024 • edited Loading

slorber commented Oct 15, 2024

cipolleschi commented Oct 16, 2024

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

blakef commented Oct 14, 2024 •

edited

Loading

netlify bot commented Oct 14, 2024 •

edited

Loading

cipolleschi left a comment •

edited

Loading

slorber left a comment •

edited

Loading

cipolleschi commented Oct 15, 2024 •

edited

Loading