Using MongoDB App Services and Realm in a React Native app | bene : studio workshop

App Services with Device Sync in MongoDB Atlas, React Native and Realm Let’s build a real-time, collaborative React Native mobile app for color palette handling! Our presenters: Tamás Faragó, Dániel Bali – Developers at bene : studio What you'll learn: In this workshop, we are going to create a color set editor application where users can create their own color sets, modify its colors and share it with other users. • Defining schema in Realm, App Services and MongoDb • Deep dive into real-time data synchronization with MongoDB’s App Services • App Services features: Custom functions, triggers, and HTTPS endpoints • Build a color set editor app where users can create their own color sets, modify its colors and share it with other users • Debugging together Requirements: • Repository: https://bitbucket.org/benestudio/colorset-editor/src/main/ • A laptop and phone you wish to work with • Set up a basic React Native environment: Visit Reactnative.dev and select React Native CLI quick start. Choose your Development OS and Target OS. We are showing you how to build both an Android and an iOS version as well, so if you have a Mac choose both Android and iOS targets, then follow the instructions to install the environment. • Create an account on MongoDB Atlas (https://www.mongodb.com/atlas/database) • Download and install MongoDB Compass Written tutorial: https://benestudio.co/mongodb-app-services-react-native/ =============================== Content: 0:00-3:07: A message from our CEO, Bálint Bene 3:07-16:00: Setting up the basics, cloning repo, trying the app 16:00-39:20: MongoDB database creation (cluster, compass, app service) 39:20-45:52: Registration, login screen (auth function, register endpoint) 45:52-55:57: Colorset schema in Realm and MongoDB Compass (creating a sample set) 55:57-59:17: Enable device sync 59:17-1:08:29: Check schema on App Services, dashboard show the list (subscription) 1:08:29-1:18:49: Add, delete, and view color set 1:18:49-1:27:46: Sync app service user ID to the DB (trigger) 1:27:46-1:46:05: Functions: search and get shared usernames 1:46:05-1:47:24: The end! =============================== Follow us on social media! ✨ Linkedin: https://www.linkedin.com/company/benestudio Facebook: https://www.facebook.com/benestudio.co Twitter: https://twitter.com/benestudio_co Instagram: https://www.instagram.com/benestudio_co/ =============================== 🔗 https://www.benestudio.co 🔗 We are a global technology company that designs, develops and integrates solutions for corporate innovators and startups, mainly in HealthTech. At bene : studio, we create IoT, mobile & web apps and enhance core systems with an approach focused on user experience. For the past 10 years, we have been working on 100+ projects for US & EU clients, from stunning startup prototypes to large-scale systems for enterprises for companies including DynamiCare Health, GE Healthcare, Johns Hopkins University, Volkswagen Group, Cushman & Wakefield, Labworx, Coopah and many more. 🔗 https://www.benestudio.co 🔗