Coder Social home page Coder Social logo

kobidl / react-native-simple-twitter Goto Github PK

View Code? Open in Web Editor NEW

This project forked from watanabeyu/react-native-simple-twitter

0.0 1.0 0.0 1.94 MB

Twitter API client for react native without react-native link

License: MIT License

JavaScript 100.00%

react-native-simple-twitter's Introduction

React-Native-Simple-Twitter v2.0

Twitter API client for React Native without react-native link.
This client not use NativeModule, only pure javascript.
So this don't use react-native link and Expo can also easily use twitter API without auth0 and server.

And also offer login button,so that is easily login twitter.
Button is customizable, and including login webview.

Checkout example.

Previous version -> v1.2.4

Installation

npm install react-native-simple-twitter --save

Features

  • Not use NativeModules, only pure javascript
  • Simple API client
  • Just put a button to login
  • Customizable login button
  • Compatible with SafeAreaView

Demo

demo gif

TWLoginButton props

Name Type Default Description
type string TouchableOpacity TouchableOpacity or TouchableHighlight or TouchableWithoutFeedback
children React.Component
callbackUrl string null Twitter application callback url
headerColor string '#f7f7f7' Webview's modal and SafeAreaView backgroundColor
onPress func (e) => {} Called when login button on Press
onGetAccessToken func ({oauth_token,oauth_token_secret}) => {} Called when get access token
onClose func () => {} Called when press close button
onSuccess func (user) => {} Called when logged in and get user account
onError func (e) => {} Called when on error
renderHeader func (props) => React.Component If you use original Header Component,use this props

I changed TWLoginButton to React.Component(TouchableOpacity or TouchableHighlight or TouchableWithoutFeedback).
So you can use each props and customize.

Client API

  • twitter.setConsumerKey(consumer_key,consumer_key_secret) - set application key and secret.
  • twitter.setAccessToken(access_token,access_token_secret) - set user access_token and access_token_secret, when you already have access_token and access_token_secret.
  • twitter.getLoginUrl(callback_url) - get login url for authorize app.
  • twitter.getAccessToken(oauth_verifier) - get access_token and access_token_secret, when user logged in app.
  • twitter.api(method,endpoint,parameters) - call twitter api.
  • twitter.get(endpoint,parameters) - call twitter get api.
  • twitter.post(endpoint,parameters) - call twitter post api.

Other API

  • decodeHTMLEntities
import { decodeHTMLEntities } from 'react-native-simple-twitter'

console.log(decodeHTMLEntities("& ' ' / ' / < >   ""))

Tweet is include htmlencoded characters.
So this function decode special characters.

  • getRelativeTime
import { getRelativeTime } from 'react-native-simple-twitter'

console.log(getRelativeTime(new Date(new Date().getTime() - 32390)))
console.log(getRelativeTime("Thu Apr 06 15:28:43 +0000 2017"))

Tweet created_at convert to relative time. ex) 1s 15m 23h

Donation

If you like this library, please donate me.

  • BCH -> qre56em7z47p38rz3wktter2eyaww48qnqmyq4j386

bch address

react-native-simple-twitter's People

Contributors

watanabeyu avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.