• This repository has been archived on 14/Sep/2021
  • Stars
    star
    123
  • Rank 290,145 (Top 6 %)
  • Language
    JavaScript
  • Created over 7 years ago
  • Updated over 3 years ago

Reviews

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

Repository Details

React Native Plaid authenticator

⚠️⚠️ Package no longer supported. Please use the official Plaid package: https://www.npmjs.com/package/react-native-plaid-link-sdk ⚠️⚠️


React Native Plaid Link auth

react_native_plaid_link_auth

Since Plaid.com doesn't have support for React Native and a lot o devs asked for an implementation, I've built this lib that adds support for Plaid authentication using a Webview and Plaid Link

Usage

yarn add react-native-plaid-link
yarn link react-native-webview

API

Prop Type defaultValue
publicKey (required) string
onMessage (required) function
env (required) string
product (required) string
clientName string
selectAccount boolean false
token string
userEmail string
userLegalName string
webhook string http://batman.codes
WebView props - -
render() {
  return <PlaidAuthenticator
    onMessage={this.onMessage}
    publicKey="YOUR_PLAID_PUBLIC_KEY"
    env="sandbox"
    product="auth,transactions"
    clientName="Catalin Miron"
    selectAccount={false}
  />
}

onMessage = (data) => {
  this.setState({data})
}
Returned data object
{
  "action": "plaid_link-undefined::connected",
  "metadata": {
    "account": {
      "id": null,
      "name": null
    },
    "account_id": null,
    "public_token": "public-sandbox-e697e666-9ac2-4538-b152-7e56a4e59365",
    "institution": {
      "name": "Chase",
      "institution_id": "ins_3"
    }
  }
}

For more information please read their docs

Type of actions:

Status Description
connected User completed the Link flow
requires_questions User prompted to answer security question(s)
requires_selections User prompted to answer multiple choice question(s)
requires_code User prompted to provide a one-time passcode
choose_device User prompted to select a device on which to receive a one-time passcode
requires_credentials User prompted to provide credentials for the selected financial institution or has not yet selected a financial institution
institution_not_found User exited the Link flow after unsuccessfully (no results returned) searching for a financial institution

For Sandbox mode the credentials are:

username: user_good
password: pass_good

Get your plaid API key

  • Go to Plaid dashboard and Sign in. image
  • Add Plaid to your app image
  • Copy your Plaid public_key

Questions?

Feel free to contact me:

Twitter: @mironcatalin Website: http://batman.codes

More Repositories

1

react-native-dribbble-app

Dribbble app built with React Native
JavaScript
2,055
star
2

react-typical

React typing animation in ~400 bytes 🐡 of JavaScript.
JavaScript
979
star
3

awesome-prisma

A collection of awesome things regarding Prisma ecosystem.
556
star
4

react-native-dating-app

Dating app - Exponent and React Native
JavaScript
417
star
5

mobile-shopping-react-native

MobileShopping - React Native and Exponent
JavaScript
392
star
6

react-native-nav-transition

React Native Nav Transition
JavaScript
203
star
7

react-native-movie-2.0-carousel

react-native-movie-2.0-carousel
JavaScript
160
star
8

react-native-css-gradient

React Native css gradients - react-native-linear-gradient with css gradient support
JavaScript
160
star
9

react-native-swipe-cards-interaction

React native swipe cards interaction
JavaScript
152
star
10

react-native-headphones-carousel

Advanced React Native animations.
JavaScript
117
star
11

react-native-dot-inversion

A cross-platfom dot inversion slider animation in React Native
JavaScript
116
star
12

react-native-accordion-menu

JavaScript
87
star
13

uzual-mobile

Feed your brains with habits for a better mood
JavaScript
77
star
14

react-native-advanced-stack-flatlist-carousel

JavaScript
66
star
15

react-native-wheel-of-fortune

React Native Wheel of Fortune | Gesture handler | D3 | Popmotion
JavaScript
66
star
16

react-native-weather-app

React native using Open Weather API - http://openweathermap.org/api
JavaScript
55
star
17

react-native-seat-selection

Seat selection - Exponent and React Native
JavaScript
52
star
18

react-native-tinder-furniture

Tutorial - Tinder like application for furniture
JavaScript
49
star
19

react-native-tap-tile-game

An awesome TapTile Game built usign create-react-native-app
JavaScript
48
star
20

weathereact

Reactjs weather app using Open Weather API
JavaScript
43
star
21

react-native-intro-animation

Intro Animation - Exponent and React Native
JavaScript
43
star
22

react-native-animated-sentence

React Native Animated Sentence | Animated.stagger technique
JavaScript
42
star
23

react-native-shared-element-transition

React Native Shared Element transition | YouTube tutorial
JavaScript
35
star
24

react-native-animated-flatlist-picker

Advanced React Native Animated FlatList Picker - Synchronise 2 FlatLists
JavaScript
35
star
25

react-native-photo-walkthrough

React Native Photo Walkthrough
31
star
26

react-native-aiaiai-carousel-animation

React Native Slider Animation
JavaScript
25
star
27

react-native-custom-drawer-animation-react-navigation

JavaScript
25
star
28

react-native-movie-animation-live-streaming

Live streaming on YouTube while coding this application
TypeScript
22
star
29

electron-react-weather-app

An Electron and React powered app for Weather.
JavaScript
22
star
30

react-native-custom-drawer-animation

JavaScript
18
star
31

plus-expanded-react-native

Plus Expanded - Exponent and React Native
JavaScript
18
star
32

react-native-morph-svg-gradient

React Native Morph SVG & Gradient animation | Popmotion | Flubber | LinearGradient
JavaScript
17
star
33

react-native-birthday-slider

React Native Birthday Slider | Animation
JavaScript
16
star
34

react-native-pseudo-maze

React Native pseudo maze animation with Pose
JavaScript
15
star
35

react-native-guillotine-menu

[React Native] Guillotine Menu
Objective-C
15
star
36

casablanca-tutsplus

CSS
13
star
37

react-native-tilt-drawer

React Natve tilt drawer
JavaScript
11
star
38

everquotes-react-native

Everquotes (Random quotes) - Exponent and React native
JavaScript
8
star
39

react-native-get-wheels-filters-interaction

JavaScript
7
star
40

uzual-backend

TypeScript
6
star
41

reactjs-dribbble

An Reactjs app which fetches data from Dribbble API
JavaScript
6
star
42

with-framer-motion

JavaScript
5
star
43

my-react-boilerplate

My personal react-boilerplate
JavaScript
5
star
44

react-native-awesome-module

Java
4
star
45

weather-meetup

React Native Meetup #3 source code
Objective-C
3
star
46

catalinmiron

2
star
47

rssfeed

RSS Feed in React, Redux and React Router
JavaScript
2
star
48

react-snippets

BDD snippets for reactjs
2
star
49

unsplash.com-playground

Unsplash.com - Tumblr API playground
JavaScript
2
star
50

generator-webui

Yeoman generator for webui
JavaScript
1
star
51

prisma-graphql-coordinates

Just an example of how this can achieve a Locations based on a radius
JavaScript
1
star
52

react-native-NYTPhotoViewer

React native wrapper for the NYTPhotoViewer library
Objective-C
1
star
53

prisma-facebook-auth-example

Example repo demonstrating how to authenticate a user with facebook in Prisma.
TypeScript
1
star
54

awesome-feathersjs

An "awesome" type curated list of Featherjs components, news, tools, and learning material
1
star
55

parcel-typescript-react

ParcelJS, Typescript, React, Jest, Enzyme
TypeScript
1
star
56

describe-loader

Wrap mocha describe with a path for __filename
JavaScript
1
star
57

bdd-react-snippets

BDD React snippets
CoffeeScript
1
star
58

express-js-heroku

Express and heroku
JavaScript
1
star