react native support #1112

ajai06 · 2020-06-26T07:24:11Z

is there any support or package for react-native ?

levlam · 2020-06-26T08:06:25Z

You can build TDLib for any platform that is supported by React Native. You need just to load and use the prebuilt shared library in React Native project.

ajai06 · 2020-06-26T08:18:06Z

not seeing anything that is supporting for react-native

levlam · 2020-06-26T08:42:42Z

You need to just wrap TDLib JSON interface, containing only 5 methods in pure C, using Native module: https://reactnative.dev/docs/native-modules-android.html.

Ilya93 · 2020-07-15T19:38:15Z

You need to just wrap TDLib JSON interface, containing only 5 methods in pure C, using Native module: https://reactnative.dev/docs/native-modules-android.html.

Sorry for silly question. What exactly I need to wrap ?

levlam · 2020-07-15T22:58:37Z

@Ilya93 TDLib JSON interface: https://github.com/tdlib/td/blob/master/td/telegram/td_json_client.h.

vidit-bhatia · 2021-01-24T10:14:53Z

@ajai06 reach out to me I have a full fledged react native component working for both android and ios

AndrewEyesman · 2021-02-02T18:43:12Z

I'm also looking to build a react-native app using the telegram API, though I'm having trouble finding many resources for help. I've successfully built tdlib for node.js, but I'm unsure what to do from here. I'm still fairly new to this stuff, so if anyone has any tips id greatly appreciate it!

jumoog · 2021-02-03T11:25:48Z

if you want to work with nodejs i can recommend you to use https://github.com/airgram/airgram.

AndrewEyesman · 2021-02-03T14:10:55Z

Thanks for the response @jumoog,

I'm actually already using Airgram, but I can't figure out how to integrate it with my react-native project. This is what I have so far:

const airgram = new Airgram({
    apiId: API_ID,
    apiHash: API_HASH',
    command: '../tdlib/bin/tdjson.dll',
    logVerbosityLevel: 1,
});

airgram.use(
    new Auth({
        code: () => prompt(`Please enter the secret code:\n`),
        phoneNumber: () => prompt(`Please enter your phone number:\n`),
    })
);

I can log in with my telegram account and make API calls, but I don't know where to begin with react-native. My understanding of node and server-side programming is quite limited, so I'm really lost at this point. Am I supposed to create and express server and make calls to my API instance? How would I get real-time updates to my react-native app? I have too many questions and barely any answers, I can hardly find anything online. If you have any additional information please let me know, thanks!

oscar-rey-mosquera · 2021-02-20T16:40:53Z

hello @AndrewEyesman, how have you made airgram js work for you? I passed the tdlib folder to my node project and entered the path in
command tdlib / bin / tdjson.dll and I get an error if you could explain me

C:\Users\Oscar Humberto\Desktop\javascript\telenode\node_modules\airgram\node_modules\ffi-napi\lib\dynamic_library.js:75
throw new Error('Dynamic Linking Error: ' + err);
^

Error: Dynamic Linking Error: Win32 error 126
at new DynamicLibrary (C:\Users\Oscar Humberto\Desktop\javascript\telenode\node_modules\airgram\node_modules\ffi-napi\lib\dynamic_library.js:75:11)
at Object.Library (C:\Users\Oscar Humberto\Desktop\javascript\telenode\node_modules\airgram\node_modules\ffi-napi\lib\library.js:47:10)
at new TdJsonClient (C:\Users\Oscar Humberto\Desktop\javascript\telenode\node_modules\airgram\components\TdJsonClient.js:86:27)
at new Airgram (C:\Users\Oscar Humberto\Desktop\javascript\telenode\node_modules\airgram\Airgram.js:50:116)
at Object. (C:\Users\Oscar Humberto\Desktop\javascript\telenode\src\tdlib.js:6:17)
at Module._compile (node:internal/modules/cjs/loader:1091:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1120:10)
at Module.load (node:internal/modules/cjs/loader:971:32)
at Function.Module._load (node:internal/modules/cjs/loader:812:14)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:76:12)
[nodemon] app crashed - waiting for file changes before starting...

ymsstudios · 2021-03-14T19:53:30Z

@xvitaly

@ajai06 reach out to me I have a full fledged react native component working for both android and ios

Hi, I need this too.
How do I reach out?

vidit-bhatia · 2021-03-15T05:47:38Z

@ymsstudios @xvitaly I would have to do some work to open source the implementation as I have not added any examples to it.

If you guys are interested and ready to contribute we can work towards taking it out as open source we would need to add test cases and some use case example

vidit-bhatia · 2021-03-15T06:38:01Z

@ymsstudios @xvitaly if you guys want I can setup and initial meeting or add a slack or gitter to kick start this

bemayr · 2021-03-16T21:30:13Z

@vidit-bhatia I just did some research regarding react-native and tdlib and stumbled upon this issue. Did you already kick-start anything or have a repo/slack/gitter set up? Your progress sounds awesome! 👏

@zaunermax and me are currently trying to build a minimal RN telegram client and might be able to help to add examples or tests.

AndrewEyesman · 2021-03-16T23:18:15Z

Hey @oscar-rey-mosquera sorry for the late response. I honestly can't remember exactly what I did to get it working. Have you tried installing node-gyp?

npm i node-gyp

vidit-bhatia · 2021-03-19T06:36:13Z

@bemayr I added you guys a to a gitter workspace to initiate the discussion around this

rashadg1030 · 2021-04-19T01:41:23Z

@vidit-bhatia @bemayr Hey guys, I find myself in a similar situation where I need to use TDLib with React Native. Will the approach discussed above work on both Android and iOS? Or only Android?

bemayr · 2021-04-19T19:59:05Z

Hi @rashadg1030, I did not try the solution above yet so sadly I can't say whether it will work or not. But @vidit-bhatia, are there any updates on on your project or gitter.im? Thanks in advance!

ankitjainhere · 2021-05-16T13:34:01Z

Hi @vidit-bhatia @bemayr, Can you please show me some example repo, how can I use TDlib in a react-native project?

bemayr · 2021-06-01T09:24:26Z

Hi @ankitjain-1, unfortunately I didn't get any response from @vidit-bhatia and didn't have the time to continue with this project, but if I get back to it, I will ping you 👌

gaithoben · 2021-10-20T06:10:22Z

Hey @oscar-rey-mosquera sorry for the late response. I honestly can't remember exactly what I did to get it working. Have you tried installing node-gyp?

npm i node-gyp

Has anyone found out how to make it work?
I have been doing research about this for 24hours and am at a dead end now.
@bemayr

gaithoben · 2021-10-20T08:18:58Z

@bemayr I added you guys a to a gitter workspace to initiate the discussion around this

Bring me on board please

Kylmakalle · 2021-11-08T16:29:50Z

I don't have much experience in React Native, but here's probably what you need to do.

Get compiled TDLib

iOS
Here I will advertise my pre-built iOS .xcframework Swiftgram/TDLibFramework
Android

Link libraries to your native iOS & Android apps

Make sure to have pre-generated ios and android paths with CLI, such as expo run:ios, expo run:android.
Then add TDLib binary as dependency with possible solutions

iOS: Locally or SPM or CocoaPods
Android: Locally or Gradle or Bazel afaik.

Connect libraries to ReactNative via native modules

wrap TDLib JSON interface, containing only 5 methods in pure C

iOS
Android

For async code with td_json_client_send you will probably need to implement Callbacks as described in docs.

Use TDLib in your ReactNative (JS) code

You will get something like this after Native module setup.

const {
  TDLibModule
} = ReactNative.NativeModules;

// Sync code
var client = TDLibModule.td_json_client_create();
var tdlibResponse = TDLibModule.td_json_client_execute(client, {
  "@type": "getTextEntities",
  "text": "@telegram /test_command https://telegram.org telegram.me",
  "@extra": ["5", 7.0, "\\u00e4"]
});
console.log(`Response from TDLib ${tdlibResponse}`);

// Async Code
TDLibModule.td_json_client_send({
    "@type": "setTdlibParameters",
    "parameters": {
      "database_directory": "tdlib",
      "use_message_database": true,
      "use_secret_chats": true,
      "api_id": 94575,
      "api_hash": "a3406de8d171bb422bb6ddf3bbd800e2",
      "system_language_code": "en",
      "device_model": "mobile",
      "application_version": "1.0",
      "enable_storage_optimizer": true
    }
  }
  (jsonResponse) => {
    console.log(`Response from TDLib ${responseJson}`);
  }
);

Well, it's not very trivial, but still possible.

Kylmakalle mentioned this issue Nov 9, 2021

React native #48

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

react native support #1112

react native support #1112

ajai06 commented Jun 26, 2020

levlam commented Jun 26, 2020

ajai06 commented Jun 26, 2020

levlam commented Jun 26, 2020

Ilya93 commented Jul 15, 2020

levlam commented Jul 15, 2020

vidit-bhatia commented Jan 24, 2021

AndrewEyesman commented Feb 2, 2021

jumoog commented Feb 3, 2021

AndrewEyesman commented Feb 3, 2021 •

edited

Loading

oscar-rey-mosquera commented Feb 20, 2021 •

edited

Loading

ymsstudios commented Mar 14, 2021

vidit-bhatia commented Mar 15, 2021

vidit-bhatia commented Mar 15, 2021

bemayr commented Mar 16, 2021

AndrewEyesman commented Mar 16, 2021

vidit-bhatia commented Mar 19, 2021

rashadg1030 commented Apr 19, 2021 •

edited

Loading

bemayr commented Apr 19, 2021

ankitjainhere commented May 16, 2021

bemayr commented Jun 1, 2021

gaithoben commented Oct 20, 2021

gaithoben commented Oct 20, 2021

Kylmakalle commented Nov 8, 2021

react native support #1112

react native support #1112

Comments

ajai06 commented Jun 26, 2020

levlam commented Jun 26, 2020

ajai06 commented Jun 26, 2020

levlam commented Jun 26, 2020

Ilya93 commented Jul 15, 2020

levlam commented Jul 15, 2020

vidit-bhatia commented Jan 24, 2021

AndrewEyesman commented Feb 2, 2021

jumoog commented Feb 3, 2021

AndrewEyesman commented Feb 3, 2021 • edited Loading

oscar-rey-mosquera commented Feb 20, 2021 • edited Loading

ymsstudios commented Mar 14, 2021

vidit-bhatia commented Mar 15, 2021

vidit-bhatia commented Mar 15, 2021

bemayr commented Mar 16, 2021

AndrewEyesman commented Mar 16, 2021

vidit-bhatia commented Mar 19, 2021

rashadg1030 commented Apr 19, 2021 • edited Loading

bemayr commented Apr 19, 2021

ankitjainhere commented May 16, 2021

bemayr commented Jun 1, 2021

gaithoben commented Oct 20, 2021

gaithoben commented Oct 20, 2021

Kylmakalle commented Nov 8, 2021

Get compiled TDLib

Link libraries to your native iOS & Android apps

Connect libraries to ReactNative via native modules

Use TDLib in your ReactNative (JS) code

AndrewEyesman commented Feb 3, 2021 •

edited

Loading

oscar-rey-mosquera commented Feb 20, 2021 •

edited

Loading

rashadg1030 commented Apr 19, 2021 •

edited

Loading