[3.0.0] 2021-02-23

Version 3.x is a major revamp of the SDK and comes with many breaking changes. The new implementation takes advantage of React Context along with many popular community libraries such as Reanimated V2 to deliver a superior chat experience. Upgrading will require re-implementing your integration but will yield performance and functional benefits. It is highly recommended you read the Cookbook and examine the SampleApp / TypeScriptMessaging apps before upgrading to understand what is required.

New features

• Modern UX around reaction picker functionality, similar to iMessage
• Inline replies
• "Also send to channel" option on Threads
• In app attachment picker
• Improved avatars for grouped channels.
• Rich image viewers with options to share the image outside the app, or view the image in gallery view.
• "Copy Message" action as part of message actions.

Improvements

• In previous versions, we did a lot of prop drilling throughout component trees, which makes it quite hard for end user to decide exactly where to set a particular prop. We have tried to centralize component customization on following three higher order components:

  • OverlayProvider
  • ChannelList
  • Channel

  We have prepared a visual guide to help you with component customizations - Guide

• In v2.x.x, we decided to move away from class based components, towards functional components along with react hooks. React hooks are definitely a big addition to react eco-system, but when not careful it has potential to hammer the performance. We have handled all these issues as part of v3.0.0 using careful revamp around all the contexts and memoizations, which improves the app performance by a great margin.

• We have decided to abondon styled-components, are decided to have our own implementation

  • Removed dot notation for theming applications
  • Removed css string notation for styles on theme
  • Added displayName to components with bracket notation denoting the theme path e.g. MessageStatus.displayName = 'MessageStatus{message{status}}'; indicates the theme path would be modified via const customTheme: DeepPartial<Theme> = { message: { status: { ...customizations } } }. Please check our theme docs for more details.

Dependency changes:

• Minimum supported version of stream-chat - v3.0.0

• Added peer dependencies for:

  • BlurView using one of these
    • Expo: expo-blur
    • React Native: @react-native-community/blur
  • Image Compression using one of these
    • Expo: expo-image-manipulator
    • React Native: react-native-image-resizer
  • FileSystem using one of these
    • Expo: expo-file-system
    • React Native: react-native-fs
  • Share using one of these
    • Expo expo-sharing
    • React Native: react-native-share
  • Image Picking using one of these
    • Expo expo-media-library
    • React Native: react-native-cameraroll
  • react-native-gesture-handler
  • react-native-reanimated v2
  • react-native-svg

• Removed peer dependencies for:

  • react-native-get-random-values

• Removed seamless-immutable

• Removed styled-components:

Please find detailed docs about this release in our wiki

Note for Expo

• As of this release, expo is on version 40 which uses a version of React Native with a bug in the Dimensions API that occurs upon reloading an app in the simulator. Version 3.x uses relative sizing widely and depends on this API so issues will be visible in Expo until they update the custom React Native version they ship.

• [Android] As part of this release, we implemented a new feature - inline replies, similar to whatsapp. Bi-directional scrolling/pagination was necessary for this feature. To keep smooth scrolling experience, we implemented our own solution for react-native. Although, Expo being close-source project, we can't do any such thing for Expo. So inline reply feature is not recommended to use in Expo, since you will not have a good scroll experience on Android, while scrolling down in message list.

[3.0.0-beta.2] 2021-02-17

Please find detailed docs about this release in our wiki

Version 3.x is a major revamp of the SDK and comes with many breaking changes. The new implementation takes advantage of React Context along with many popular community libraries such as Reanimated V2 to deliver a superior chat experience. Upgrading will require re-implementing your integration but will yield performance and functional benefits. It is highly recommended you read the Cookbook and examine the SampleApp / TypeScriptMessaging apps before upgrading to understand what is required.

NOTE: As of release expo is on version 40 which uses a version of React Native with a bug in the Dimensions API that occurs upon reloading an app in the simulator. Version 3.x uses relative sizing widely and depends on this API so issues will be visible in Expo until they update the custom React Native version they ship.

• Added peer dependencies for:

  • BlurView using one of these
    • Expo: expo-blur
    • React Native: @react-native-community/blur
  • Image Compression using one of these
    • Expo: expo-image-manipulator
    • React Native: react-native-image-resizer
  • FileSystem using one of these
    • Expo: expo-file-system
    • React Native: react-native-fs
  • Share using one of these
    • Expo expo-sharing
    • React Native: react-native-share
  • Image Picking using one of these
    • Expo expo-media-library
    • React Native: react-native-cameraroll
  • react-native-gesture-handler
  • react-native-reanimated v2
  • react-native-svg

• Removed peer dependencies for:

  • react-native-get-random-values

• Removed seamless-immutable

• Removed styled-components:

  • Removed dot notation for theming applications
  • Removed css string notation for styles on theme
  • Added displayName to components with bracket notation denoting the theme path e.g. MessageStatus.displayName = 'MessageStatus{message{status}}'; indicates the theme path would be modified via const customTheme: DeepPartial<Theme> = { message: { status: { ...customizations } } }.

[2.2.2] 2021-02-07

Handling the case of standlone Channel component (without ChannelList) on top of fix in v2.2.1 - ba7d744

[2.2.1] 2021-02-03

For push notifications, we usually recommend users to disconnect websocket when app goes to background and reconnect when app comes to foreground. But channel list UI doesn't update properly once the ws is re-connected. This issue has been fixed in this commit 8a35e50

[2.2.0] 2021-02-02

Switched to react-native-markdown-package for markdown of message text #505

[2.1.4] 2021-01-29

Fixed broken re-send message functionality, upon failure b3c028f

[2.1.3] 2021-01-26

• Fix markdown on message
  • fixes #498
  • commit d4713aa
• Fixes issue with un-necessary queryChannels api call, when filters are provided as inline object 9f4528b

[2.1.2] 2021-01-09

• Fixed infinite re-rendering issue on mentions suggestion box 5fd521a

[2.1.1] 2020-12-21

• Fixed broken mentions autocomplete feature for channels with more than 100 members. #457
• Added a new prop autocompleteSuggestionsLimit on MessageInput - Max number of suggestions to display in list. Defaults to 10.

[2.1.0] 2020-12-07

Dependency changes

• Bumping dependency to [email protected]

Fixes

• Fixed plenty of issues around reload/refresh of channellist upon failures.
• Fixing retry message functionality 7a423f7
• #429

New Props:

• MessageList component
  • MessageNotification 5b5c2ac
  • onListScroll 5b5c2ac
  • FooterComponent d803bab
  • inverted d803bab
  • NetworkDownIndicator e09b9fc