Agora SDK和Agora UI kit都是Agora提供的工具箱，但它们的主要区别在于用途。Agora SDK可以让开发者将音频、视频和实时消息等交互功能集成到自己的应用程序中，而Agora UI kit则提供了一组预构建的用户界面组件，可以快速构建视频呼叫、直播、在线教育等应用程序。

下面是使用Agora SDK实现视频通话的示例代码，其中包含了Agora SDK的初始化、加入频道、设置本地视频视图等基本功能：

import AgoraRTC from 'agora-rtc-sdk';

// 初始化Agora SDK
const client = AgoraRTC.createClient({ mode: 'rtc', codec: 'vp8' });

// 加入频道
client.join('TOKEN_OR_KEY', 'CHANNEL_NAME', null, (uid) => {
  // 创建本地视频视图
  const localStream = AgoraRTC.createStream({
    streamID: uid,
    audio: false,
    video: true,
    screen: false,
  });
  localStream.init(() => {
    // 将本地视频视图添加到页面中
    localStream.play('local-video');
    // 发布本地流
    client.publish(localStream);
  });
});

如果使用Agora UI kit来构建相同的应用程序，代码会更加简单。下面是使用Agora UI kit实现视频通话的示例代码：

import AgoraUIKit from 'agora-rn-uikit';

// 创建Agora UI kit实例
const agoraKit = new AgoraUIKit();

// 初始化Agora UI kit,并加入频道
agoraKit.init({appId: APP_ID}).then(() => {
  agoraKit.joinChannel({channelName: CHANNEL_NAME, uid: UID});
});

// 在指定位置显示远程视频视图
agoraKit.on('RemoteVideoStateChanged', (evt) =>