{"tag":{"id":"66ab482ba3a2a1138306c289","feed":{"edges":[{"node":{"id":"66cb9e0f5d8eadf2e2f2df05","_id":"66cb9e0f5d8eadf2e2f2df05","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1724620047686/8c43237d-a199-4e43-924e-97f5e8b6ba37.png","__typename":"PostCoverImage"},"slug":"setting-up-your-environment-for-quickblox-react-ui-kit","readTime":4,"replyCount":0,"responseCount":0,"brief":"In the previous article, we covered how to get started with QuickBlox React UI Kits, focusing on the initial integration of real-time communication features into your React app. Now, we'll take it a step further by setting up a robust development env...","subtitle":"How to Prepare Your Environment for QuickBlox React UI Kit","isFeatured":false,"contributors":[],"bookmarked":false,"views":8,"url":"https://quickblox.hashnode.dev/setting-up-your-environment-for-quickblox-react-ui-kit","totalReactions":0,"title":"Setting Up Your Environment for QuickBlox React UI Kit","dateAdded":"2024-08-25T21:11:43.855Z","cuid":"cm0a2ef3j00000al76lrvgor3","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","author":{"_id":"63c40af58f346b3f17ab91e8","name":"Sayantani Deb","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1719422662495/fFqRowdIC.jpeg","username":"SayantaniDeb","__typename":"User"},"series":null,"tags":[{"_id":"63d1969a5ddbc4f31e8128be","logo":null,"name":"QuickBlox","slug":"quickblox","__typename":"Tag"},{"_id":"66ab482ba3a2a1138306c289","logo":null,"name":"react ui kit","slug":"react-ui-kit","__typename":"Tag"}],"publication":{"_id":"63778a5003a790859a3f3c90","url":"https://quickblox.hashnode.dev","canonicalURL":"https://quickblox.hashnode.dev","title":"QuickBlox Engineering","displayTitle":null,"isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1668855149498/YDm9lSExE.png","headerColor":"#0361F7","metaTags":"\n\n\n","isTeam":true,"publicMembers":{"totalDocuments":11,"__typename":"PublicationMemberConnection"},"domainInfo":{"hashnodeSubdomain":"quickblox","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"PostCommentConnection"}},"__typename":"PostEdge"},{"node":{"id":"66ab482c3906519382c35a9e","_id":"66ab482c3906519382c35a9e","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1722500308111/1d14227b-235d-4661-b369-66456467fa47.png","__typename":"PostCoverImage"},"slug":"getting-started-with-quickblox-react-ui-kit","readTime":5,"replyCount":0,"responseCount":0,"brief":"If you're a React developer looking to elevate your application with real-time communication features, you're in the right place. QuickBlox offers a fantastic suite of tools and services for adding chat, video calls, and more to your app. In this gui...","subtitle":"How to Begin with QuickBlox React UI Kit","isFeatured":false,"contributors":[],"bookmarked":false,"views":22,"url":"https://quickblox.hashnode.dev/getting-started-with-quickblox-react-ui-kit","totalReactions":0,"title":"Getting Started with QuickBlox React UI Kit","dateAdded":"2024-08-01T08:32:44.929Z","cuid":"clzb0px1d000708migvrgfhme","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","author":{"_id":"63c40af58f346b3f17ab91e8","name":"Sayantani Deb","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1719422662495/fFqRowdIC.jpeg","username":"SayantaniDeb","__typename":"User"},"series":null,"tags":[{"_id":"66ab482ba3a2a1138306c289","logo":null,"name":"react ui kit","slug":"react-ui-kit","__typename":"Tag"},{"_id":"56744723958ef13879b95434","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513321478077/ByCWNxZMf.png","name":"React","slug":"reactjs","__typename":"Tag"},{"_id":"63d1969a5ddbc4f31e8128be","logo":null,"name":"QuickBlox","slug":"quickblox","__typename":"Tag"},{"_id":"56744721958ef13879b948cc","logo":null,"name":"introduction","slug":"introduction","__typename":"Tag"},{"_id":"56744722958ef13879b94ffb","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607322143407/LsbeyUL86.png","name":"Node.js","slug":"nodejs","__typename":"Tag"}],"publication":{"_id":"63778a5003a790859a3f3c90","url":"https://quickblox.hashnode.dev","canonicalURL":"https://quickblox.hashnode.dev","title":"QuickBlox Engineering","displayTitle":null,"isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1668855149498/YDm9lSExE.png","headerColor":"#0361F7","metaTags":"\n\n\n","isTeam":true,"publicMembers":{"totalDocuments":11,"__typename":"PublicationMemberConnection"},"domainInfo":{"hashnodeSubdomain":"quickblox","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"PostCommentConnection"}},"__typename":"PostEdge"}],"pageInfo":{"endCursor":"Mg==","hasNextPage":false,"__typename":"PageInfo"},"__typename":"FeedPostConnection"},"__typename":"Tag"}}