# React v14 (Latest) > Stream Chat Messaging - UI Components - React v14 (Latest) - [Installation](https://getstream.io/chat/docs/sdk/react/basics/installation.md) - [Introduction](https://getstream.io/chat/docs/sdk/react/theming/themingv2.md) - [Component variables](https://getstream.io/chat/docs/sdk/react/theming/component-variables.md) - [Chat](https://getstream.io/chat/docs/sdk/react/components/core-components/chat.md) - [Channel](https://getstream.io/chat/docs/sdk/react/components/core-components/channel.md) - [ChannelActionContext](https://getstream.io/chat/docs/sdk/react/components/contexts/channel-action-context.md) - [ComponentContext](https://getstream.io/chat/docs/sdk/react/components/contexts/component-context.md) - [VirtualizedMessageList](https://getstream.io/chat/docs/sdk/react/components/core-components/virtualized-list.md) - [VirtualizedMessageListContext](https://getstream.io/chat/docs/sdk/react/components/contexts/virtualized-message-list-context.md) - [MessageContext](https://getstream.io/chat/docs/sdk/react/components/contexts/message-context.md) - [Message Hooks](https://getstream.io/chat/docs/sdk/react/hooks/message-hooks.md) - [renderText function](https://getstream.io/chat/docs/sdk/react/components/message-components/render-text.md) - [Avatar](https://getstream.io/chat/docs/sdk/react/components/utility-components/avatar.md) - [Attachments](https://getstream.io/chat/docs/sdk/react/components/message-components/attachment.md) - [DateSeparator](https://getstream.io/chat/docs/sdk/react/components/utility-components/date-separator.md) - [MessageComposerContext](https://getstream.io/chat/docs/sdk/react/components/message-composer/message-composer-context.md) - [Input UI](https://getstream.io/chat/docs/sdk/react/components/message-composer/input-ui.md) - [Emoji Picker](https://getstream.io/chat/docs/sdk/react/components/message-composer/emoji-picker.md) - [TypingContext](https://getstream.io/chat/docs/sdk/react/components/message-composer/typing-context.md) - [MessageComposer API](https://getstream.io/chat/docs/sdk/react/components/message-composer/message-composer-api.md) - [ChannelList](https://getstream.io/chat/docs/sdk/react/components/core-components/channel-list.md) - [ChannelList Hooks](https://getstream.io/chat/docs/sdk/react/hooks/channel-list-hooks.md) - [Search](https://getstream.io/chat/docs/sdk/react/components/utility-components/channel-search.md) - [Infinite Scroll](https://getstream.io/chat/docs/sdk/react/guides/channel-list-infinite-scroll.md) - [ThreadList](https://getstream.io/chat/docs/sdk/react/components/core-components/thread-list.md) - [Thread](https://getstream.io/chat/docs/sdk/react/components/core-components/thread.md) - [Polls](https://getstream.io/chat/docs/sdk/react/components/message-components/poll.md) - [Audio Recorder](https://getstream.io/chat/docs/sdk/react/components/message-composer/audio-recorder.md) - [ChatView](https://getstream.io/chat/docs/sdk/react/components/utility-components/chat-view.md) - [Window](https://getstream.io/chat/docs/sdk/react/components/utility-components/window.md) - [Modal](https://getstream.io/chat/docs/sdk/react/components/utility-components/modal.md) - [Channel List UI](https://getstream.io/chat/docs/sdk/react/guides/customization/channel-list-preview.md) - [Channel Members and Online Status](https://getstream.io/chat/docs/sdk/react/guides/channel-user-lists.md) - [Reactions Customization](https://getstream.io/chat/docs/sdk/react/guides/theming/reactions.md) - [Message Actions](https://getstream.io/chat/docs/sdk/react/guides/theming/actions/message-actions.md) - [System Message](https://getstream.io/chat/docs/sdk/react/guides/customization/system-message.md) - [Message Composer UI](https://getstream.io/chat/docs/sdk/react/guides/theming/input-ui.md) - [Attachment Previews in Message Composer](https://getstream.io/chat/docs/sdk/react/guides/message-composer/attachment-previews.md) - [Autocomplete Suggestions](https://getstream.io/chat/docs/sdk/react/guides/customization/suggestion-list.md) - [Channel Header](https://getstream.io/chat/docs/sdk/react/guides/customization/channel-header.md) - [Emoji Picker](https://getstream.io/chat/docs/sdk/react/guides/customization/emoji-picker.md) - [Hide Channel History For Newly Added Members](https://getstream.io/chat/docs/sdk/react/guides/customization/hide-channel-history-for-new-members.md) - [SDK State Management](https://getstream.io/chat/docs/sdk/react/guides/sdk-state-management.md) - [Video & Audio by Stream](https://getstream.io/chat/docs/sdk/react/guides/video-integration/video-integration-stream.md) - [Message Reminders](https://getstream.io/chat/docs/sdk/react/guides/message-reminders.md) - [Notifications](https://getstream.io/chat/docs/sdk/react/guides/notifications.md) - [SDK Integration](https://getstream.io/chat/docs/sdk/react/guides/ai-integrations/sdk-integration.md) - [Stream Chat AI SDK](https://getstream.io/chat/docs/sdk/react/guides/ai-integrations/stream-chat-ai-sdk.md) - [TypeScript & Custom Data Types](https://getstream.io/chat/docs/sdk/react/guides/typescript-and-custom-data-types.md) - [Dialog Management](https://getstream.io/chat/docs/sdk/react/guides/dialog-management.md) - [Audio Playback](https://getstream.io/chat/docs/sdk/react/guides/audio-playback.md) - [Troubleshooting](https://getstream.io/chat/docs/sdk/react/troubleshooting.md) - [Overview](https://getstream.io/chat/docs/sdk/react.md) - [Getting Started](https://getstream.io/chat/docs/sdk/react/basics/getting-started.md) - [Palette variables](https://getstream.io/chat/docs/sdk/react/theming/palette-variables.md) - [Global variables](https://getstream.io/chat/docs/sdk/react/theming/global-variables.md) - [ChatContext](https://getstream.io/chat/docs/sdk/react/components/contexts/chat-context.md) - [ChannelHeader](https://getstream.io/chat/docs/sdk/react/components/utility-components/channel-header.md) - [ChannelStateContext](https://getstream.io/chat/docs/sdk/react/components/contexts/channel-state-context.md) - [MessageList](https://getstream.io/chat/docs/sdk/react/components/core-components/message-list.md) - [MessageListContext](https://getstream.io/chat/docs/sdk/react/components/contexts/message-list-context.md) - [Message](https://getstream.io/chat/docs/sdk/react/components/message-components/message.md) - [MessageBounceContext](https://getstream.io/chat/docs/sdk/react/components/contexts/message-bounce-context.md) - [Message UI](https://getstream.io/chat/docs/sdk/react/components/message-components/message-ui.md) - [UI Components](https://getstream.io/chat/docs/sdk/react/components/message-components/ui-components.md) - [BaseImage](https://getstream.io/chat/docs/sdk/react/components/utility-components/base-image.md) - [Reactions](https://getstream.io/chat/docs/sdk/react/components/message-components/reactions.md) - [MessageComposer](https://getstream.io/chat/docs/sdk/react/components/message-composer/message-composer.md) - [MessageComposer Hooks](https://getstream.io/chat/docs/sdk/react/components/message-composer/message-composer-hooks.md) - [UI Components](https://getstream.io/chat/docs/sdk/react/components/message-composer/ui-components.md) - [Attachment Selector](https://getstream.io/chat/docs/sdk/react/components/message-composer/attachment-selector.md) - [MessageComposer Class](https://getstream.io/chat/docs/sdk/react/components/message-composer/message-composer-class.md) - [MessageComposer Middleware](https://getstream.io/chat/docs/sdk/react/components/message-composer/message-composer-middleware.md) - [ChannelListContext](https://getstream.io/chat/docs/sdk/react/components/contexts/channel-list-context.md) - [Channel Preview](https://getstream.io/chat/docs/sdk/react/components/utility-components/channel-preview-ui.md) - [Advanced Search](https://getstream.io/chat/docs/sdk/react/guides/advanced-search.md) - [Multiple Lists](https://getstream.io/chat/docs/sdk/react/guides/multiple-channel-lists.md) - [ThreadListItem](https://getstream.io/chat/docs/sdk/react/components/core-components/thread-list-item.md) - [ThreadContext](https://getstream.io/chat/docs/sdk/react/components/contexts/thread-context.md) - [Voice Recording Attachment](https://getstream.io/chat/docs/sdk/react/components/message-components/attachment/voice-recording.md) - [Localization](https://getstream.io/chat/docs/sdk/react/guides/theming/translations.md) - [Indicators](https://getstream.io/chat/docs/sdk/react/components/utility-components/indicators.md) - [WithDragAndDropUpload](https://getstream.io/chat/docs/sdk/react/components/utility-components/with-drag-and-drop-upload.md) - [Overview](https://getstream.io/chat/docs/sdk/react/guides/customization.md) - [Search Customization](https://getstream.io/chat/docs/sdk/react/guides/customization/channel-search.md) - [Message UI](https://getstream.io/chat/docs/sdk/react/guides/theming/message-ui.md) - [Mentions Actions](https://getstream.io/chat/docs/sdk/react/guides/theming/actions/mentions-actions.md) - [Pin Indicator](https://getstream.io/chat/docs/sdk/react/guides/customization/pin-indicator.md) - [System notification banner](https://getstream.io/chat/docs/sdk/react/guides/customization/system-notification-banner.md) - [Link Previews in Message Composer](https://getstream.io/chat/docs/sdk/react/guides/customization/link-previews.md) - [Attachment Actions](https://getstream.io/chat/docs/sdk/react/guides/theming/actions/attachment-actions.md) - [Typing Indicator](https://getstream.io/chat/docs/sdk/react/guides/customization/typing-indicator.md) - [Thread Header](https://getstream.io/chat/docs/sdk/react/guides/customization/thread-header.md) - [Search Menu](https://getstream.io/chat/docs/sdk/react/guides/customization/app-menu.md) - [Collapsible Sidebar](https://getstream.io/chat/docs/sdk/react/guides/customization/collapsible-sidebar.md) - [Channel Read State](https://getstream.io/chat/docs/sdk/react/guides/channel-read-state.md) - [Location Sharing](https://getstream.io/chat/docs/sdk/react/guides/location-sharing.md) - [Message Actions](https://getstream.io/chat/docs/sdk/react/experimental/message-actions.md) - [AI Integrations](https://getstream.io/chat/docs/sdk/react/guides/ai-integrations.md) - [Hooks](https://getstream.io/chat/docs/sdk/react/components/ai/hooks.md) - [Stream Chat LangChain SDK](https://getstream.io/chat/docs/sdk/react/guides/ai-integrations/stream-chat-langchain-sdk.md) - [Date and time formatting](https://getstream.io/chat/docs/sdk/react/guides/date-time-formatting.md) - [Blocking Users](https://getstream.io/chat/docs/sdk/react/guides/blocking-users.md) - [Upgrade to v14](https://getstream.io/chat/docs/sdk/react/release-guides/upgrade-to-v14.md) - [Resources](https://getstream.io/chat/docs/sdk/react/resources.md)