React Native Directory is a website where you can see all of the libraries that are compatible with React Native.
Note: A transition in progress from https://native.directory to https://reactnative.directory, so the following links may not work for you yet!
Website: https://reactnative.directory/
Sure, go for it!
https://reactnative.directory/api/libraries
JSON
format.https://reactnative.directory/api/libraries?search=webgl
JSON
format that have the keyword webgl
.https://reactnative.directory/api/libraries?search=webgl&expo=true
JSON
format that have the keyword webgl
and work with Expo managed.https://reactnative.directory/api/libraries?search=webgl&expo=true&android=true
JSON
format that have the keyword webgl
and work with Expo managed and Android.https://reactnative.directory/api/libraries?search=webgl&expo=true&android=true&isPopular=true
JSON
format that have the keyword webgl
, work with Expo managed and Android and are popular based on the scoring criterion.scripts/calculate-score.js
.react-native-libraries.json
.Please follow this format and indentation:
{
"githubUrl": "<THE GITHUB URL>",
"npmPkg": "<NPM PACKAGE NAME>",
"nameOverride": "<PACKAGE DISPLAY NAME>",
"examples": ["<THE URL TO REPO>", "<THE URL TO A SNACK>"],
"images": ["<PUBLIC URL TO RELATED IMAGE>"],
"ios": false,
"android": false,
"web": false,
"expo": false,
"windows": false,
"macos": false,
"unmaintained": false,
"dev": false
}
githubUrl
- (required string) - URL to the GitHub repository (currently other git hosts are not supported).npmPkg
- (optional string) - package’s display name (fill only when the GitHub repository name is different from the name of package published to npm).nameOverride
- (optional string) - override name if the name is different from the GitHub repo and npm package name.examples
- (optional array of strings) - URLs (snacks preferred) with demonstrations of the library.images
- (optional array of strings) - URLs to images that will show up in the listing to preview the library functionality.ios
- (optional boolean) - works on iOS phones.android
- (optional boolean) - works on Android phones.web
- (optional boolean) - can be used with react-native-web
.expo
- (optional boolean) - can be used in managed workflow, without ejecting an Expo application (any library can be used if you eject).windows
- (optional boolean) - can be used with react-native-windows
.macos
- (optional boolean) - can be used with react-native-macos
.unmaintained
- (optional boolean) - signify that a library is not maintained.dev
- (optional boolean) - signify that a library is a development tool.Note: If your package is within a monorepo on GitHub, eg: https://github.com/expo/expo/tree/master/packages/expo-web-browser, then the name, description, homepage, and topics (keywords) will be extracted from package.json for that subrepo. GitHub stats will be based on the monorepo, because there isn’t really another option.
Prerequisites
Commands
npm install
npm start
yarn
yarn start
You should be able to visit localhost:3000
in your browser.
npm run data:update
with keys?This command creates site data in ./assets/data.json
GITHUB_TOKEN=<*> npm run data:update
# once environment variables are configured, install now and deploy
npm i -g now
now
Get a commit on master and it will be automatically deployed.
Author: react-native-community
Demo: https://reactnative.directory/
Source Code: https://github.com/react-native-community/directory
#react-native #react #mobile-apps