Common utilities and features for Syncfusion React components. Use this skill when the user needs to implement animations, drag-and-drop, state persistence, RTL support, localization, globalization, security, templates, and advanced features for Syncfusion React components.

Common Features in Syncfusion React Components Syncfusion React components include comprehensive common utilities and features that enhance user experience, ensure cross cultural support, and provide foundational capabilities across all components. This skill covers installation setup, animations, globalization, state management, and security considerations for building robust React applications. Table of Contents [Navigation Guide]( navigation guide) [Quick Start]( quick start) [Common Features]( common features) Navigation Guide Getting Started & Framework Setup 📄 Read: [references/getting started.md](references/getting started.md) Framework integration (Next.js, Remix, Vite, Preact, SharePoint) Package installation and CSS imports Component initialization Quick start examples Globalization 📄 Read: [references/globalization.md](references/globalization.md) Right to left (RTL) support for Arabic, Hebrew, Persian languages Localization (l10n) for multi language support Internationalization (i18n) with CLDR data Number and currency formatting Date and time formatting Advanced Features & Utilities 📄 Read: [references/advanced features.md](references/advanced features.md) Animation effects (FadeIn, ZoomOut, SlideUp, etc.) Animation timing (duration, delay, global settings) Drag and drop interactions (Draggable, Droppable) Template customization and optimization State persistence with enablePersistence Security best practices and HTML sanitization Quick Start Install Syncfusion React component package and theme package Note: The @syncfusion/ej2 base package is a dependency for all Syncfusion components and will be automatically installed when you install any Syncfusion React package. You don't need to explicitly add it to your package.json file. Import Styles Register License Key Step 1: Set the environment variable: Step 2: Activate the license using NPX command: Note: For alternative license registration methods, kindly refer to the [Syncfusion license key registration documentation](https://ej2.syncfusion.com/react/documentation/licensing/license key registration). Basic Component Setup Common Features Enable State Persistence Enable RTL Support Add Animation Effects Implement Drag and Drop

syncfusion-react-common