https://github.com/react-native-community/rnnewarchitecturelibraries
A collection of sample React Native Libraries that will show you how to use the New Architecture (Fabric & TurboModules) step-by-step.
https://github.com/react-native-community/rnnewarchitecturelibraries
Last synced: 8 months ago
JSON representation
A collection of sample React Native Libraries that will show you how to use the New Architecture (Fabric & TurboModules) step-by-step.
- Host: GitHub
- URL: https://github.com/react-native-community/rnnewarchitecturelibraries
- Owner: react-native-community
- License: mit
- Created: 2022-03-23T11:17:12.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-03-20T10:48:14.000Z (almost 2 years ago)
- Last Synced: 2025-05-31T20:04:51.339Z (9 months ago)
- Size: 401 KB
- Stars: 340
- Watchers: 14
- Forks: 27
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Native New Architecture Library Samples
This repo contains several branches that will help you understand how to setup your libraries for the React Native New Architecture. This should considered as a support material of the official migration guide.
Here you will find runs of the migration guide on empty projects. Every commit is documented and allows to follow over on every step.
Please find a list of the branches below, with more information on which kind of setup they're addressing.
## Branches
| Branch Name | Description | Android | iOS |
| ----------- | ----------- | ------- | --- |
| [`feat/back-turbomodule`](https://github.com/cipolleschi/RNNewArchitectureLibraries/tree/feat/back-turbomodule) | This branch contains the step-by-step process to create a simple TurboModule which can be used in both the old and the new architecture | ✅ | ✅ |
| [`feat/back-fabric-comp`](https://github.com/cipolleschi/RNNewArchitectureLibraries/tree/feat/back-fabric-comp) | This branch contains the step-by-step process to create a simple Fabric Component which can be used in both the old and the new architecture | ✅ | ✅ |
| [`feat/back-turbomodule-070`](https://github.com/react-native-community/RNNewArchitectureLibraries/tree/feat/back-turbomodule-070) | This branch contains the step-by-step process to create a simple TurboModule which can be used in both the old and the New Architecture, targeting React Native 0.70 | ✅ | ✅ |
| [`feat/back-fabric-component-070`](https://github.com/cipolleschi/RNNewArchitectureLibraries/tree/feat/back-fabric-component-070) | This branch contains the step-by-step process to create a simple Fabric Component which can be used in both the old and the New Architecture, targeting React Native 0.70 | ✅ | ✅ |
| [`feat/component-with-state`](https://github.com/cipolleschi/RNNewArchitectureLibraries/tree/feat/component-with-state) | This branch contains a step-by-step guide to create a Fabric Component in TypeScript with Custom Native State for the New Architecture, targeting a nightly of React Native 0.71 | ✅ | ✅ |
| [`feat/turbomodule-swift`](https://github.com/react-native-community/RNNewArchitectureLibraries/tree/feat/turbomodule-swift) | A step-by-step guide to create a TM with the logic written in Swift, based on RN 0.71 | N/A | ✅ |
| [`feat/swift-event-emitter`](https://github.com/react-native-community/RNNewArchitectureLibraries/tree/feat/swift-event-emitter) | A step-by-step guide to create a TM in Swift that leverage the Event Emitters, based on RN 0.71 | N/A | ✅ |