• Stars
    star
    322
  • Rank 130,398 (Top 3 %)
  • Language
  • License
    MIT License
  • Created over 2 years ago
  • Updated 8 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A collection of sample React Native Libraries that will show you how to use the New Architecture (Fabric & TurboModules) step-by-step.

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 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 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 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 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 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 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 A step-by-step guide to create a TM in Swift that leverage the Event Emitters, based on RN 0.71 N/A

More Repositories

1

upgrade-helper

⚛️ A web tool to support React Native developers in upgrading their apps.
TypeScript
3,628
star
2

hooks

React Native APIs turned into React Hooks for use in functional React components
TypeScript
3,451
star
3

cli

The React Native Community CLI - command line tools to help you build RN apps
TypeScript
2,374
star
4

react-native-template-typescript

👾 Clean and minimalist React Native template for a quick start with TypeScript.
Java
1,858
star
5

discussions-and-proposals

Discussions and proposals related to the main React Native project
1,684
star
6

releases

React Native releases
JavaScript
1,501
star
7

rn-diff-purge

Easier React Native upgrades by clearly exposing changes from a version to another. 🚀 And what better way than to purge, init, then diff? Spoiler: there's no better way. 😎
Shell
1,266
star
8

jsc-android-buildscripts

Script for building JavaScriptCore for Android (for React Native but not only)
JavaScript
1,056
star
9

directory

A searchable and filterable directory of React Native libraries.
TypeScript
1,003
star
10

docker-android

Android Docker Image for React Native and common android development.
Dockerfile
473
star
11

upgrade-support

A central community-backed place to request and give help when upgrading your app.
JavaScript
254
star
12

RNNewArchitectureApp

A collection of sample React Native Apps that will show you how to use the New Architecture (Fabric & TurboModules) step-by-step.
201
star
13

react-native-circleci-orb

A CircleCI Orb to Simplify Testing your React Native App
174
star
14

hermes-profile-transformer

TypeScript tool for converting Hermes Sampling Profiler output to Chrome Dev Tools format
TypeScript
86
star
15

boost-for-react-native

The Boost C++ library source code used to build React Native from source
C++
86
star
16

template

The React Native Community Template - getting started building RN apps for Android & iOS
JavaScript
46
star
17

eslint-plugin-react-native-globals

ESLint Environment for React Native
JavaScript
38
star
18

reproducer-react-native

A reproducer to easily recreate bugs and report problems for React Native
TypeScript
32
star
19

developer-experience-wg

Discussions-only repo for topics around React Developer Experience
18
star
20

rn-diff-lib-purge

Easier React Native library upgrades by clearly exposing changes from a version to another. 🚀 And what better way than to purge, init, then diff? Spoiler: there's no better way. 😎
Shell
3
star