Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
react-native-create-bridge
Advanced tools
A CLI generator that creates React Native bridges with ease!
Bridging native modules & UI components made easy! If you're a JavaScript developer writing your first lines of native code or a more experienced developer looking to eliminate boilerplate from your React Native workflow, this tool is for you.
npm install -g react-native-create-bridge
or yarn global add react-native-create-bridge
create-bridge
Depending on your environment, there may be a couple more steps that you have to take. In future versions of react-native-create-bridge, we want to eliminate these steps.
MainApplication.java
in android/app/src/main/java/com/yourapp
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new YourModulePackage()
);
}
import com.yourapp.yourmodule.YourModulePackage;
android/build.gradle
, add ext.kotlin_version = '1.1.2-4'
to the buildscript
and classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
to your dependencies
android/app/build.gradle
, add apply plugin: 'kotlin-android'
to the top of the file. At the bottom, add compile "org.jetbrains.kotlin:kotlin-stdlib-jre7:$kotlin_version"
to your dependenciesCode > Convert Java file to Kotlin file
in the top menuMainApplication.kt
in android/app/src/main/java/com/yourapp
override fun getPackages(): List<ReactPackage> {
return Arrays.asList(
MainReactPackage(),
YourModulePackage(),
)
}
import com.yourapp.yourmodule.YourModulePackage
Add Files To YourApp
. Select the files associated with your module and click Add
AppDelegate.h
, MainApplication.java
) to complete the bridging processcd
to where you cloned itnpm install
or yarn
npm run package:dev
create-bridge
locally in a React Native project to test your changesnpm run test
will run the Jest test suitereact-native-create-bridge
is a new project and we would love feedback from the community on how it should evolve. Please report any 🐞s and let us know how you're using react-native-create-bridge
!
If you would like to contribute, please read the contributor guidelines first.
This project adheres to the Contributor Covenant code of conduct. By participating, you are expected to uphold this code. Please report unacceptable behavior to peggyrayzis@gmail.com.
A big thank you goes out to these awesome people for their contributions (emoji key):
Kurtis Kemple 💻 | Duy Bao Nguyen 💻 | Mike Grabowski 💬 | Peggy Rayzis 💻 📖 👀 | Mihovil 📝 | André Neves 👀 |
---|
This project follows the all-contributors specification. Contributions of any kind welcome!
FAQs
A CLI generator that creates React Native bridges with ease!
The npm package react-native-create-bridge receives a total of 292 weekly downloads. As such, react-native-create-bridge popularity was classified as not popular.
We found that react-native-create-bridge demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.