{"id":42417413,"url":"https://github.com/taboola/react-native-examples-4x","last_synced_at":"2026-01-28T02:06:38.214Z","repository":{"id":306891885,"uuid":"1025594869","full_name":"taboola/react-native-examples-4x","owner":"taboola","description":null,"archived":false,"fork":false,"pushed_at":"2025-09-01T11:07:20.000Z","size":320,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-01T13:25:09.685Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/taboola.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-07-24T13:48:59.000Z","updated_at":"2025-09-01T11:07:25.000Z","dependencies_parsed_at":"2025-07-28T09:36:16.387Z","dependency_job_id":"c3a76945-5be4-44dd-8585-1b0b687ee5f1","html_url":"https://github.com/taboola/react-native-examples-4x","commit_stats":null,"previous_names":["taboola/react-native-examples-4x"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/taboola/react-native-examples-4x","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taboola%2Freact-native-examples-4x","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taboola%2Freact-native-examples-4x/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taboola%2Freact-native-examples-4x/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taboola%2Freact-native-examples-4x/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/taboola","download_url":"https://codeload.github.com/taboola/react-native-examples-4x/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taboola%2Freact-native-examples-4x/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28833504,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-27T23:29:49.665Z","status":"online","status_checked_at":"2026-01-28T02:00:06.943Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-01-28T02:06:37.508Z","updated_at":"2026-01-28T02:06:38.209Z","avatar_url":"https://github.com/taboola.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Taboola React Native Plugin 4.x - Sample App\n\nThis sample app demonstrates how to integrate **Taboola recommendations** into your React Native application using the **Taboola React Native Plugin 4.x**.\n\n## Overview\n\nThe **Taboola React Native Plugin 4.x** introduces full support for the **React Native New Architecture** (TurboModules and Fabric) and provides a more robust, flexible API with separated data-fetching and UI rendering logic.\n\n## What's New in 4.x\n\n- ✅ **Full React Native New Architecture support** (TurboModules \u0026 Fabric)\n- ✅ **Separated data fetching and UI rendering** for better control\n- ✅ **Hook-based API** with `useCreateUnit`\n- ✅ **Improved TypeScript support** and type safety\n- ✅ **Better memory management** with explicit cleanup\n- ✅ **Multiple units per screen** support\n\n## Sample App Features\n\nThis sample app showcases:\n- Multiple integration patterns (Feed, Widget, Classic Page)\n- Custom click handling and organic content management\n- Dark mode configuration\n- Memory management best practices\n- React Native New Architecture compatibility\n\n## Prerequisites\n\nBefore running the sample app, make sure you have:\n\n- **React Native development environment** set up ([Setup Guide](https://reactnative.dev/docs/set-up-your-environment))\n- **Node.js** (version 18 or higher)\n- **iOS**: Xcode and CocoaPods installed\n- **Android**: Android Studio and SDK configured\n\n## Quick Start\n\n### 1. Clone and Install Dependencies\n\n```bash\n# Navigate to the sample app directory\ncd react-native-examples-4x\n\n# Install npm dependencies\nnpm install\n\n# Install iOS dependencies (iOS only)\ncd ios \u0026\u0026 bundle exec pod install \u0026\u0026 cd ..\n```\n\n### 2. Run the Sample App\n\n#### iOS\n```bash\nnpm run ios\n```\n\n#### Android\n```bash\nnpm run android\n```\n\n## Integration Documentation\n\nFor complete integration instructions, API reference, and configuration options, visit the **Taboola Dev Center**:\n\n📚 **[React Native Plugin 4.x Documentation](https://developers.taboola.com/taboolasdk/docs/react-native-plugin)**\n\nThe documentation includes:\n- Step-by-step integration guide\n- API reference and configuration options\n- GDPR/CCPA compliance\n- Troubleshooting and best practices\n\n## Migrating from 3.x?  \n\nFor a detailed migration guide, visit the **Taboola Dev Center**:\n\n📚 **[Migration Documentation](https://developers.taboola.com/taboolasdk/docs/react-native-migration)**.\n\n## Sample Features\n\nThe app includes several screens demonstrating different integration patterns:\n\n### 🔥 **Feed Integration** (`TaboolaFeedScreen.tsx`)\n- Endless scrolling feed implementation\n- Multiple unit types on the same screen\n- Content fetching and memory management\n\n### 📄 **Classic Page** (`TBLClassicPageScreen.tsx`)\n- Widget placements within content\n- Page-level configuration examples\n\n### 🎯 **Custom Click Handling** (`ShouldHandleOrganicClicksScreen.tsx`)\n- Intercepting organic content clicks\n- Custom navigation for internal content\n\n### ⚙️ **Global Settings** (`GlobalSettingsScreen.tsx`)\n- Dark mode configuration\n- Extra properties and advanced options\n- Dynamic placement configuration\n\n## Key Files to Examine\n\n| File | Purpose |\n|------|---------|\n| `src/screens/TaboolaFeedScreen.tsx` | Complete feed implementation with multiple units |\n| `src/screens/TBLClassicPageScreen.tsx` | Widget integration within content |\n| `src/screens/ShouldHandleOrganicClicksScreen.tsx` | Custom click handling patterns |\n| `src/screens/GlobalSettingsScreen.tsx` | Configuration and settings examples |\n| `src/App.tsx` | Application entry point and Taboola initialization |\n\n## Support\n\n- 📖 **Documentation**: [Taboola Developer Center](https://developers.taboola.com/taboolasdk/)\n- 💬 **Support Forum**: [Ask questions and get help](https://sdk.taboola.com/taboolasdk/discuss)\n- 📧 **Contact**: Reach out to your Taboola Account Manager\n\n## License\n\nThis sample app is provided for demonstration purposes. See the [Taboola SDK License](https://developers.taboola.com/taboolasdk/docs/license) for SDK usage terms. \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaboola%2Freact-native-examples-4x","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftaboola%2Freact-native-examples-4x","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaboola%2Freact-native-examples-4x/lists"}