{"componentChunkName":"component---src-templates-tag-page-tsx","path":"/tag/react/","result":{"data":{"allContentfulCategory":{"edges":[{"node":{"contentful_id":"2gOurgpDj1BasZvVToN13z","slug":"tiny-sparks","title":"The Tiny Way","description":{"description":"Understand the Tiny Way - our heritage, values-driven approach and thinking through stories from and about Tiny people and culture, technology and the world at large."}}},{"node":{"contentful_id":"2a3w396SgR2Fl1ep4eYu0w","slug":"product-management","title":"Product-Led Growth","description":{"description":"Everything from product roadmaps and market fit, through customer acquisition and onboarding to retention and product-led growth, can be found here to help you grow your brand, company and product."}}},{"node":{"contentful_id":"T7VZcLaLRpt6XlNLJPLmL","slug":"wysiwyg-world","title":"World of WYSIWYG","description":{"description":"Learn about the WYSIWYG world of rich text editors - the power behind the democratization of content creation, web applications and SaaS projects."}}},{"node":{"contentful_id":"6HNYGjOUjHzUS2gXBnMVXn","slug":"design-and-ux","title":"Content Marketing & Design","description":{"description":"Be at the forefront of content design trends, get inspiration for your projects and learn new ways to use content marketing strategies and content-led approaches that deliver brilliant user experiences."}}},{"node":{"contentful_id":"6XFMYLCe4AEYIDazkjGFvb","slug":"engineering","title":"Developer Insights","description":{"description":"The perfect source for all web application and software developers, as well as engineering teams who want to stay up to date with the latest development tools, developer insights, leading edge thinking and experiments."}}},{"node":{"contentful_id":"24ufWIsR0ImSvxvvIrutB5","slug":"open-source","title":"Open Source","description":{"description":"Having a vibrant open source community is a vital part of TinyMCE, so you'll find important open source contribution news here – both from our own community, and from other open source projects in global communities."}}},{"node":{"contentful_id":"2fLgNI8yOMeZHNl1nSQ11","slug":"how-tos-and-tutorials","title":"How-to Use TinyMCE","description":{"description":"Learn how-to use TinyMCE rich text editor, all in one place – here's our set-up tips, tricks, FAQs, updates and new releases, customisations, ideas on things to build and easy migration from other text editing platforms."}}}]},"allContentfulBlogPost":{"edges":[{"node":{"title":"How to Build a Team Collaboration App with TinyMCE and React","slug":"how-to-build-React-team-collaboration-app","featured":true,"lastUpdated":"Feb 18th, 2026","description":{"description":"<p>Step-by-step guide to integrate TinyMCE in an React collaboration app, including life cycle, forms binding, mentions, and scaling patterns.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Step-by-step guide to integrate TinyMCE in an React collaboration app, including life cycle, forms binding, mentions, and scaling patterns."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Build a Team Collaboration App with TinyMCE + React","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABtlBMVEUIE1QAB08ACE8ABk8IElQIElMGElQACVEAAE8AAU8AA08ABE8ACVAADlMADlQAClEADFQAEVUHE1UeF04kGk4jGE4ODU8oGE4RDU8OC08AD1QpJFg3KFYAEVYAAVAAE1ZCMFUvJlcADFMAAFBnSkmQZEKLXENxRkh9SUiLTUhwOktGLlZNL1MAAFgACVlVM1M8KFdTOkiAVj6FVT1/TEB2QUOFRUJ2OUZ0Nk2BOk9LIFAABlEAAlhZXHebnKddYXsAA1kAEFUACFAAAEtMQ1x7aGyCbG56X2VzWGSBZnB5XmxaKU11NE9CHE+VlqLZ2dyUlaIAAFEAA1AAAEdaXXZ/gZKIi5qHipp4fI6FiZh0eIsADFEAAE4AAk8ACFMABlUAAFZGSmx8fo89Q2oAFloIF1dQUW2JiZeRkZ6YmaSHiJYLE1EAAEgAAE0ABE4ABFEXI1yEhZRqa4IAAFQADVlZN1E+K1YAAEwDC08wMlw+QGMxM1wvMVsABU8ZJV2IiZhub4QAAFMAElUtIlgeHlgADFIHEVMAB1AAAk4ACVQAE1gADlYABVEBEVQJE1QKE1QAB04JElMYf15lAAAAm0lEQVQIHQXBMS5EUQAF0HteXsbjxxDVZEQh0chX2oHEDuxCNEIyyZRahcJC9JagoVBPJGpiZFB950gkkSQZIkPBCOJ3SDaw3ITWAV8rE4C6C/hYK997rDoW2iEArz3gBIDH6fspPNRtAM4AtWYHANyfs14PwCL7NxdjZMxV3fL5lOOjGZOCv9vrdlla++n70UwyH16e37Lsyt0/AyIgqverEawAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5aMx0eNy8VUErE5AO5ZkiQ/c9d7e2d4aea4b8402e3bf3b2893ce162/How_to_Build_a_Team_Collaboration_App_with_TinyMCE___React.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Build a Team Collaboration App with TinyMCE + React | TinyMCE"},"metaDescription":{"metaDescription":"Step-by-step guide to integrate TinyMCE in an React collaboration app, including lifecycle, forms binding, mentions, and scaling patterns."}}},{"node":{"title":"How to Build a Help Desk App in React with TinyMCE","slug":"build-help-desk-app-with-react","featured":true,"lastUpdated":"Feb 11th, 2026","description":{"description":"<p>Build a help desk app in React with TinyMCE. Learn how to integrate a rich text editor with templates, tables, PowerPaste, and Autolink.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Build a help desk app in React with TinyMCE. Learn how to integrate a rich text editor with templates, tables, PowerPaste, and Autolink."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Build a Help Desk App in React with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABsFBMVEUKE1QACE8AB08ABk4KElMJElMEDVEABU4ABk8ABU8ACVADDVMAClEACVEDCVIHD1QJElQAAU4AAEwAAEoAAEsAAEkAAE4EDFMTKFwQLl4ED1UAAVAFElURN2MSLF4BCFI2N15NTWpBQWNERGVRUW1SUm0yO2AANF4AO2EAIVUEBVITN2MLQWgAAFcAAE8AB1gKQ2kRM2ECCFIAAEdYW3SIiph8fY17fI2JiZeNjZpXboMAXHgAbYQARmgBAE4EEVUABVhZXHebnKdeYXsDD1QAB1AAAEgAQWYAYn0AXnoAX3oAUnEAZn8AXHcAFVKVlqLZ2dyUlaIAAFAAAlBPU26Fiph0eIp6f4+Ah5aNkJ1+gpEgM1wAGlMECFEOEVUJClUAClhIS2x8fo8+Q2kAE1oIFlY6O2BeXnZKSmhPTmtkY3leXXVUVG8ODE8AAE0KD1UONWQEY4cJNGQAAlcAEVkLOmMSL18DDFMKDVUIUHcAjK8IT3cIClUAA1AGElURJlsRIVoBClIABE4JElUTI1oPPWoJEVQBCVABC1IGEFQLFFQFCVIFAVIFCFIAB04LE1QrHffIAAAAnElEQVQIHWXBMQ7BYBiA4e9tv0p+pSKV2AiLSzgAk8TqEI5gEqPF5h5NLNLR4gx2i6TageRvNWmaCM+DCFJDpKCk0gBBircUBiHzKXWBwsnJRamp2+KPDvlx76MhPAOwChcvHEGHSKVNQGVGRekt+XYbU+ri5s4gvK6Oa2rOI03SZDHNDi/f901za4zZu7I7WRvHVnAn6m3sea7RB77EJUgK3FzNAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4EDRrkGzEoAesCGWovUmwu/d2955fa54b279c00374849c8e3735f51/How_to_Build_a_Help_Desk_App_in_React_with_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Build a Help Desk App in React (Step-by-Step Guide) | TinyMCE"},"metaDescription":{"metaDescription":"Build a help desk app in React with TinyMCE. Learn how to integrate a rich text editor with templates, tables, PowerPaste, and Autolink."}}},{"node":{"title":"How to Build an Email Messaging App with TinyMCE and Resend in React","slug":"how-to-build-react-email-messaging-app","featured":false,"lastUpdated":"Dec 9th, 2025","description":{"description":"<p>Build a production-ready email messaging app in React using TinyMCE and Resend. Learn to integrate templates, merge tags, inline CSS, and more.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Build a production-ready email messaging app in React using TinyMCE and Resend. Learn to integrate templates, merge tags, inline CSS, and more."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to build an Email Messaging System with TinyMCE with React","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABvFBMVEUKE1QACE8AB08ABk8ABU4KElMJEVMEDVEACFADC1IDC1MAClEACVADB1IHDlQJElQAAU4AAEwAAEoAAEsAAE0DA1ETLmERNWUFD1QAA1AHElURPmoSNGYBBFE2N15NTWpBQWNDQ2RGRmZSUm0vO2AAMFwAN18ANV8BJ1oTPGwPR3gADFgAAFEAEVkORHISNmkCBVEAAEdYW3SIiph8fI16eouDhJOMi5lTboMAWnYVZX4gbIQAP2UCAFIAD1k/Q2hESGsADVkED1QAB1AAR2kAaIEAWncAZH4AZX8AW3cAY34fYHqIh5WHhpUkIlYAAE8AAFJ5eovQ0NR4eYsAAFMABFAAAEhPUm5+g5OEiZeLkp98g5NzeoyDiZh9gpJsbIAmJ1kJD1UHB1UBFFkvNGBgYnsnL2AEG1sKF1cACFEmJ1dYWHFkY3pbWnNTUm1PTmtgX3dCQ2UINGMDY4cMNWQAEFkBFlkOPmwSMmQDClIAAk4AAEkFCFUHT3cAjK8IT3cIC1USLGERIVsBClEABE4ABU8JEVUTI1oPPWoJEVQBCVABCVEGD1MLFFQFCVIFAVIFCFIAB04LE1QJElPTcclQAAAAi0lEQVQIHW3BPw7BYBzH4e+n7xtN3pKUAxg6u4TZLnEEM4utYrGIK3QwWZzCObpJegGm9qeEwZ/nQUIvIDMi8IprU8ukDnANtFJAJho53rxL+OGHfLgFwGvAtxNT/ujPeGgcZQaUGRDNj+m56nWrSzFKWhxCCCiuc+WS1oBFqy1s0G6pJ8YTWJj2cAfNqR1kLasqGAAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2lLJYNGSfHr65omzjECyFK/4e16d348bfadb9b4f92df074087a1fcf/How_to_build_an_Email_Messaging_System_with_TinyMCE_with_React.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Build a React Email Messaging App with TinyMCE & Resend"},"metaDescription":{"metaDescription":"Build a production-ready email messaging app in React using TinyMCE and Resend. Learn to integrate templates, merge tags, inline CSS, and more."}}},{"node":{"title":"Create a Full-Stack React Email Editor Using TinyMCE and Nylas email API: Part 2","slug":"create-full-stack-react-email-editor-part-2","featured":true,"lastUpdated":"Aug 28th, 2025","description":{"description":"<p>Part 2: Integrate the Nylas email API with a TinyMCE React editor. Set environment variables, add the Nylas SDK, authenticate, and enable sending in a full-stack app.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Part 2: Integrate the Nylas email API with a TinyMCE React editor. Set environment variables, add the Nylas SDK, authenticate, and enable sending in a full-stack app."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Hero image with a rich text editor, email icon, TinyMCE logo, Nylas logo and the text “Full-stack” + “Email editor”","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAB2lBMVEUJElMJE1QACE8AB04ABU4ABE4ABk4KE1QIElMBDFEAAk4AAU0AA04DDFEAClAAC1EABk8bI10tMmkkKmUtMmgrMWgqL2gzOGsyN2s0OWwvNWoXHFoAAEcAAEgAAEoAAEwAAE9IKVN/QlA/JlMdKWU8Q3o6Qnk+RXo9RHpCSX1BSHw6QHY+RXg+RnQtNGIvNmQoL186KlJpSE4yJVIgKmVbZZdteKdrdqZrd6Zsd6ZqdaVjbZ5XYZVBSYB9ibCcrNSaqdGbqtOKmL4MFFEABE8ACFEAE1UABVEjKmVdZ5hveqlueahpc6Nha5xZY5ZDS4JUW4R8g59VXoRQWYFHUHcAB08LFFNYY5ZodKVpdKRpdKNlb51ha5paY5U/SYFwcYm6usBDRGUAAEUAAEsACU8MFFIbJmNIUn9aY4k5RHs8RHo9RYA/SpA+SpA+So8xOnY4PW5VV3cIEFELE1IAAE0ADlh9f5GKi5oIHl8WG1cpOJJoeOJvfuRhcdsbKXoWHVsACFYJElIJElQFDlEOFVIHD1EAClE0OmQnL18AAEkACVkdKnkmMXsgLHgAClMBCU0EDFAEDlELFFQCC08DC1AABU8AA00AAD4AAD0AAEEABEoBCU4DDFABCU/ft5eXAAAAi0lEQVQI12NkYGQEIQYGEGb4z/SHgfUnCwfjbwamf2AhVqDsT+b/bIyMrJyMEMDACAcs0jDWfwYmKOstC4MAIzoQZlGB6UZoP8UiuDbkHQsfspG73BmZkhiXxiBrnvP9P2Po2kIUA7/wXmFg0dUDs2dkQgVZH9gUMDJOBLLuMzAotVWDxH5wMn4tBQAQpR0Mw8Cw9AAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7C3MslrLRx2CudzprsyIcl/a9a242b170508f127bcbe65723510386/Nylas_Email_How-To_Part_two.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Frédéric Harper","slug":"frederic-harper"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Create a React Email Editor with TinyMCE & Nylas API: Part 2 | TinyMCE"},"metaDescription":{"metaDescription":"Part 2: Integrate the Nylas email API with a TinyMCE React editor. Set env vars, add SDK, authenticate, read inbox, and enable sending in a full-stack app."}}},{"node":{"title":"Migrating from Tiptap to TinyMCE: React Set-up","slug":"migrating-from-tiptap-to-tinymce-react-setup","featured":true,"lastUpdated":"Aug 19th, 2025","description":{"description":"<p>Learn how to migrate your React project from Tiptap to TinyMCE with our step-by-step guide. Upgrade your editor for a better user experience!</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to migrate your React project from Tiptap to TinyMCE with our step-by-step guide. Upgrade your editor for a better user experience!"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Migrate from Tiptap to TinyMCE in React","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAB6VBMVEUIElMAE1YFEVMMG1gAAE8KHFkNF1QAAEwPFlMAAEcOFVIAB08AAEkACE8AAE0HEVMJElMJE1QACE8AB1AAB1ENFVMNFFILFlQIG1gOGlgADFEABU8ABk8AB08ACVERGVcnIFcPGlcMF1YACFIAD1YzJVdfNU4AAE8AAE4ABE41JFdsPkwqKlwAGFkAAFIACFUfIlsvJVdgQkeRXz58R0V7PUl5NUx8LFF7KVF0J1EOAEsAAE0IE1UuJ1gAGFopMF+nqLCNjpoAAFQADlVdR1SRaFaVXE2BRk5/QVR3PVyJSWN7N1lCO2A9QGMmKloADFQAA1U0OGKysrqWlqEAAFEAClJJTWyPk6GRlKKNkqB/hJR1eoyJjpuUmKSho62bnKdra4AAAFAMF1UFF1cVIFkADVQQHFgQGFROUGx8fY2IiZd+f49wcoQiJlcYHlQ4O2AmKVgqKlgaG1MGD1IDDFAIF1UAA1IAC1MRGVUBCVBNT2trbIB4eYp7fIxqa38ID1AAAEsAG1YGHlcXGVQMF1MoIVY6JFMSHFUMFFIAAEcAAEUAAEgRHFUAdpoAdJcOFVMABE89JlNhOk8OF1MCDFEAA04SF1MEZIgEYYYPElIHE1INFlMCDlEFDlILFFQOCU8OAEwPAEwMCE86zEJzAAAAEXRSTlP+/v7+/v7+/v7+/v7+/v7+/jES3k4AAAB8SURBVAjXfcsrDgJBEAbh+psOpGeWBCZ7OjzhFByAh+AEBIflSjhArOEhMGDGLaHkl5SYipr0MUm6uIWE4Emj2s1tDCCy3qOK5mT18kHpmbn9QsqfneOs0trchiF06sq82gpM7SHn/fnRpZQSEfHa3F3pugRoQtKOxRZNvl2UFEdS3ZQ8AAAAAElFTkSuQmCC","aspectRatio":1.7833333333333334,"src":"//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=370&h=207&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=739&h=414&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=1926&h=1080&q=50&fit=scale 1926w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=370&h=207&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=739&h=414&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1BuRqOcuNbI9fITVc17V0G/3ab7b6f4a52760b0fa06bbf2ab011caf/Migrate_from_Tiptap_to_TinyMCE_in_React.png?w=1926&h=1080&q=50&fm=webp&fit=scale 1926w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Migrating from Tiptap to TinyMCE: React Set-up | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to migrate your React project from Tiptap to TinyMCE with our step-by-step guide. Upgrade your editor for a better user experience!"}}},{"node":{"title":"How to Create a React + Next.js Project with TinyMCE","slug":"how-to-create-a-react-next-js-project-with-tinymce","featured":true,"lastUpdated":"Aug 4th, 2025","description":{"description":"<p>Learn how to create a React project and integrate TinyMCE, the powerful rich text editor. Step-by-step guide for fast and easy setup.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to create a React project and integrate TinyMCE, the powerful rich text editor. Step-by-step guide for fast and easy setup."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to start a React Project with TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABpFBMVEUJElMJE1QAB08ABk4ABU4ABE4ACE8KE1QIElMBC1EAAk4AAU0AB04EDlEAAE0AAE4bIl0tMmkkKmUtMmgrMWgqL2gzOGsyN2s1Om0zOGwhJl8AA04AAEs8PmOCg5MxNF4gJ2M8Q3o6QXk+RXo9RHpCSX1BSH08Q3gxOHEdJWMABk8AAExucIQnKlohKGRbZZdseKdrdqZrd6Zsd6ZqdaVjbZ5YYpVFTYMsMmtCRW4EDlIAAU8AAU4AAE8AAFAjKWRdZ5hveqlueahpdKRhbJ1aZJdBS4Nxcoq6usFJS2wNFVMDDFAlK2JaZJNpdKFoc6Bkb51ha5pZY5ZETYNIS3RzdIohJVgCDVICCk8mMXo9SJE+SpE9SJA/SpFAS5FAS5A9Rn01PXUkLGwEFF8JElIABEwAAFVYZ8xygOVwfuJvfeJse+J6huRgcNgXJHQbIVweJGAUG1kLE1IABk0SIG8dKXYZJnQcJ3QaJ3UbKHYiLXcXJXQACFEDC00EDVAFDlAIEFEMFFILFFQAA0sAAEIAAD0AADsAADwABEsBCU8CC08CC1CSwSO8AAAAm0lEQVQIHU3Byw2CQBQF0HuHx3xiZhBbcGMHNuDGNlxZgoldWA02QBWsdecKYwTiOIKJnkOQIAEQSYwZ+BRL9i+AAHKwi7rTnWhCFBNwckUugV8Risll1UCK1vNfSUDKBaMiiag4ug8it2bDjwjFURCoBuHsk2IeRpUHBNrvmICTRxggvQnVlj9HztrMHE5755w1NhdrjKmX6/oNa/AikChfkg8AAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2lhgwIixiQ1tUrSaK42ypf/904bf8a24fd519d14ecf6388d02db4a2/React_Project_with_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Create a React and Next.js Project with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to create a React project and integrate TinyMCE, the powerful rich text editor. Step-by-step guide for fast and easy setup."}}},{"node":{"title":"How to Add an Emoji Picker to a React Rich Text Editor","slug":"react-emoji-picker","featured":true,"lastUpdated":"Jul 22nd, 2025","description":{"description":"<p>Learn How to Add an Emoji Picker to a React Rich Text Editor quickly with TinyMCE emoticons&mdash;step-by-step setup, code, and customization tips.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn How to Add an Emoji Picker to a React Rich Text Editor quickly with TinyMCE emoticons—step-by-step setup, code, and customization tips."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Add an Emoji Picker to a React Rich Text Editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABiVBMVEUKE1QACE8AB08ABk4ABE4ABU4JElMLE1QEDVEABk8AB1EABVMABlIAB1AEDlEJE1QAAk4AAEwAAEkAAEoAAEgAAE8AClUbJlwQHVkAD1UABE8AAEsAPWMAV3YAS28ARm4AS3QAUHsAQHEAQXQARnsARHsANXJCRGe5ucCPkJwAAFUIE1QEDVAARmkAaIMAW3wWVXk3Xn82YoZJZog4WYE2WYQASYEAN3M7PWOpqbJ/gI8AAFMCEVQABU8AAEcASGoAZYU/YoCEgpCXlqGSkZ13doYAAEYAAE0ABVQACFYAE1cADlYAE1gCElUABVAAAEVuboGZmaSCg5KIiJaJiZeOjpyamqWOj5xERWULGFgUIlwEFllwcYR7fI0VIFkABFMxM1xSUm5BQmRCQ2RLTGpISWhQUW1OUGwcH1QAAE4EDFMRO2cMSHcPHVwIG1uMjZqZmqUhKV0EDVMRKV4RMmUIFVcAEVYnLl4tM2EAE1YABFEBCVADC1IAClEACFECD1QIEVMLFFQAB04jQzlBAAAAiUlEQVQIHV3BMQ7BYBzG4ff3tVqLqM/YxSEMJjcQi0vYzDZ293CH3kA6O4OtIRIxtH9fFIk+DxL6IKhNlpBSN3qzlOCuAWQgzDVy4u1iIqfrbPicf5UvmVN5EK3bkCAe4WkVjyX+mhGMF3SdWB+dJBPTYsOX+vVMQfm0LYLDaoK048dF+6gXK3kByDMgGBTbYvgAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6dDa8Kd7slXNlcBGHwaULU/3d2aaeb76c53221f9d95d58bb99855b4/_Blog_Header__How_to_Add_an_Emoji_Picker_to_a_React_Rich_Text_Editor.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Add an Emoji Picker to a React Rich Text Editor | TinyMCE"},"metaDescription":{"metaDescription":"Learn How to Add an Emoji Picker to a React Rich Text Editor quickly with TinyMCE emoticons—step-by-step setup, code, and customization tips."}}},{"node":{"title":"Comparing Tiptap and TinyMCE in React","slug":"compare-tiptap-and-tinymce-in-react","featured":true,"lastUpdated":"Jul 15th, 2025","description":{"description":"<p>Compare Tiptap and TinyMCE side by side in React, covering install steps, toolbar depth, plugin libraries, and customization power.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Compare Tiptap and TinyMCE side by side in React, covering install steps, toolbar depth, plugin libraries, and customization power."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Comparing Tiptap to TinyMCE in React","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABsFBMVEUKE1QACE8AB08ABk4KElMJEVMLE1QEDFEABU4AB04ACVACDFIDDVMAClEDCVIHD1QJElQAAU4AAEwAAEkAAEgAAEcAAU0ABk8SL2ERLmMFEVUABFAHEVUROWgSL2IBB1EAAEoAQGUAWXkAU3kAUXsATHwATIAAQHoAAFEAAEsAAE8JMWINPG4AEVkAAFIAElkPRHMSNGcCCFEnRmg1Z4IhX4ERYIgOVIIgU4M2YpQzO2UeH1M5O2A/QWQlKVsACFg6PmV8fY4/RGkFEFQAB1AAAEZPTmuVk5+TkZ2Eg5CVlJ6BgY+QkJyZmqWioq2am6ZgYnoAAE15eozR0dV4eYwAAFNPUG19fY2JiZd+f49ycoU0NV0PFFEhI1UnKlotMF8ZGlgADFgzOGJoaYAsM2EDG1sKFlYACFBOT2xsbYF5eYp7fIxpan8DCk8AMWIAYocKNGQADlkAFlkORXETMWYDClIAAEUABE4ABU8IDFUGT3cAjK8IT3cIC1UHElQRI10BCVEJE1QDDFEAA04JElUTI1oPPWoJEVQBCVABCFEGD1MLFFQFCVIFAVIFCFIJElN0N+75AAAAmUlEQVQIHVXBQQoBYQCG4e8df6IZCVGzIrmACyiycBGuYGHFYmqacyjFAWxsXcPGbpoFjVLKb8QUz4OEckiWjCmC9FDxLpWBtGSAGhlZOddqWuGrQ07kTNrmX9zC9EH8ahwTmkM+Tl1y5lnnbS35PnAYA85gv/PczXl6mfW8TOJtXZclN09pZMUKrLMIIEDR3OqN0QTCWBTCF5ddIrD5si5TAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3lvH6Idij40fovkj1NBJEv/6ea4bbf8c990240bc0aad882fd1492cc/Comparing_Tiptap_to_TinyMCE_in_React.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Tiptap vs TinyMCE in React: Which Editor Wins? | TinyMCE"},"metaDescription":{"metaDescription":"Compare Tiptap and TinyMCE side by side in React, covering install steps, toolbar depth, plugin libraries, and customization power."}}},{"node":{"title":"Create a Full-Stack React Email Editor Using TinyMCE and Nylas email API: Part 1","slug":"create-full-stack-react-email-editor-part-1","featured":true,"lastUpdated":"Apr 16th, 2025","description":{"description":"<p>Create a powerful React Email Editor using TinyMCE and Nylas API. Detailed guide with code walkthrough and video replay.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Create a powerful React Email Editor using TinyMCE and Nylas API. Detailed guide with code walkthrough and video replay."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Nylas Email API and TinyMCE in a React email app","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABSlBMVEX/5s//58//59D95c3/5s7+5s//5tD95dHy3dT85NH95c/7483+5Mzr5N3V5u735tX/6dT+6db+5dHs2dajqubn1df14ND04ND65NLk5uXK6Pfv3NTz29n09PP96dj+5tD95NH749P54tT139bi0Nnw3Nb05Nn36eH88ej88+359vL67uzvt8futcH84c/+6NH44dX34Nf44dfs3t3m4efu4t/46uD67+b78+z++PP//Pn74tr3ysH/6NP/6NL85NL44db129Dw2tPLzefP1u+psu316OH88eb/9u7b19TMy8n66dj76Nf+59P649P549X55dipr+uJnPKytOj26tr77N+1sbCioKD138v649L95NL95dT+6dj/7Nvz49v25dv/7Nf/6tTx48//6NHy3Mjw2sb65dL45NH/59L/6dX/69f/69X/6dP/6NDmKI2gAAAAhElEQVQIHV3BPxLBQBiH4feX3VlrZIZaEdfw7zRa51E7hRsoNdp0JgWjoqHIjM9GCuF5RCKQmTBaGS0Zzns8DQFBX3czECFHHecaNNGfI/jLeKgfgJ9WI3XtAHedxbKIMZZFr3G4Ab6fa65koY8TiQIr6THQc8uajatJBNkS9rxAgJG8AfhJG7sZKnYRAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1N9HGwOdb6l1PMZtQTCr8J/375c97e7b050d1a80a771f54f76298d6/Nylas_Email_How-To_Part_One.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Create a React Email Editor with TinyMCE & Nylas API: Part 1 | TinyMCE"},"metaDescription":{"metaDescription":"Create a powerful React Email Editor using TinyMCE and Nylas API. Detailed guide with code walkthrough and video replay."}}},{"node":{"title":"How to Build a CMS with React and TinyMCE: A Complete Guide","slug":"build-a-cms-with-react-and-tinymce","featured":false,"lastUpdated":"Feb 3rd, 2025","description":{"description":"<p>Learn how to build a CMS using React and TinyMCE. Customize with plugins like Templates, AI Assistant, Markdown, and Accessibility Checker.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to build a CMS using React and TinyMCE. Customize with plugins like Templates, AI Assistant, Markdown, and Accessibility Checker."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Build a CMS with React and TinyMCE: A Complete Guide","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA4VBMVEXC1f7C1f/D1f/D1v/D1v7D1f7B0/3B1f+71PrB1f7E1v/G1//G2P7A1vy10fi11PzP2fjk3+3D1v2+2Pyh1fOg1e2h1u2s3fDH5/X19fju6vDK2fvh4fPJ2f3J2f/C1/y31/fn8fn2+vr68/L88e3///zm7PnH2P3W3/jK2v7G2P/F1//J2f7J1v3L2v719Pj+/Pr78/H77+v0+PjU6vbI3PnI1/nJ2v7H2P/I2v/I2f7u5uzk4u/O3vvT3/nQ4PfI5vbL3/jI2f/J2PzC1fe80/jf4PTK2PvE1vzE1v7G1/1Rc15YAAAAaklEQVQIHQXBQW1CQQBAwXnbJeRrqAEEIIAzkrHAvRJqgIQ0DfxlJoDAAgOoRmhCEGP0OtSfdibYqqr2/4XQtlVV1e++hK/vqqqqHyZOVVVVD4R5rqqq5/1N0HCpqtu+ANTx6DorEBBggQ+KAxOtfolwcQAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3FFkaICy2qpMMTaP3mWxFj/1cad3d71c12374fe0e917ac200323fe1/CMS_Blog_step_by_step.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to build a CMS with React and TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to build a CMS using React and TinyMCE. Customize with plugins like Templates, AI Assistant, Markdown, and Accessibility Checker."}}},{"node":{"title":"Build an Email Editor with React, TinyMCE & Nylas Email API: Join Our Webinar!","slug":"build-full-stack-email-editor-with-react-and-nylas-email-api","featured":true,"lastUpdated":"Jan 20th, 2025","description":{"description":"<p>Join our webinar to learn how to build a Full-Stack Email Editor using React, TinyMCE, and Nylas Email API. Sign up and boost your email editing skills!</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Join our webinar to learn how to build a Full-Stack Email Editor using React, TinyMCE, and Nylas Email API. Sign up and boost your email editing skills!"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Build a full-stack email editor with TinyMCE and Nylas","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAB11BMVEUXIlAXIVAVIU8LG00YI1A2O1wZI1AfKFIxN1oSH08ADkowNlkvNVkuNFgrMlcKGk0RHk8WIVAVIE8OHE4ACElUWG6Zm6SGiJWLjZmMjplBRWIADEqChJKDhZKRk52GiJQtNFgDF0wTH08PHU4kLFQfKFMuNVkpMVcvNlkHGk4AD0szOVsbJlIcJlIJGU0PHE6TlZ+cnqeXmKKDhpOPkp2SlJ+NkJyXmaSSlaCRlJ+VmKKVl6GdnqifoKl7fYsRHk5ITGZRVGxMT2h5Y2B8Yl53X2KEYF2MaGd8XmeCWWOIW2aFXWx7U2dOUWpPU2tARGENHE4UIE8BFkwxJ0pGPFVFQVxQRVxNQltJPltLPlxSQ19EM1crFksADksAEUsHGU0VIVASIFAAG08rLlNJP1JIO1MfLFUTKFQ7NlFgTVQ6MFAAHE8RIE8SIVAdI09RQVKoe15hQUNKLU8RG0t/b22+oI9pQ1A0Jk8MIFAWIlAPIFAoJU9nT1XDj2xePT5bL1AwI02GcnaVh4JdOVNJKlAEIFATIVAbIlBXOkxwSEhlLkA6JVA4I0+wY3CMZ2tjMVEmIVAQIVAIH1ASHlA1IVAnIVEAHlAAG040H09JJE8XHU8AH1AUIVAvaKdZAAAAaUlEQVQI12NkYEQHH/4zCqKLveBgYAEK/mdihKr/zch6We8RE6P+DU2Ymn/MYOrST0ZOM0ZMIChocINBE1nk0wGgaQL+yEJfNgJtZwCCXGTRdgYGFpAgL7JKBqggD5JgNUzwlhFCEMQHADYpFknDNwj/AAAAAElFTkSuQmCC","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/776O1QnqXsYHlolxX6NiaB/11b3f4b3aff3deee913526f4107ee9f9/Webinar_Thumbnail_January_alt.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/776O1QnqXsYHlolxX6NiaB/11b3f4b3aff3deee913526f4107ee9f9/Webinar_Thumbnail_January_alt.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/776O1QnqXsYHlolxX6NiaB/11b3f4b3aff3deee913526f4107ee9f9/Webinar_Thumbnail_January_alt.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/776O1QnqXsYHlolxX6NiaB/11b3f4b3aff3deee913526f4107ee9f9/Webinar_Thumbnail_January_alt.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/776O1QnqXsYHlolxX6NiaB/11b3f4b3aff3deee913526f4107ee9f9/Webinar_Thumbnail_January_alt.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/776O1QnqXsYHlolxX6NiaB/11b3f4b3aff3deee913526f4107ee9f9/Webinar_Thumbnail_January_alt.png?w=1280&h=720&q=50&fit=scale 1280w","srcWebp":"//images.ctfassets.net/s600jj41gsex/776O1QnqXsYHlolxX6NiaB/11b3f4b3aff3deee913526f4107ee9f9/Webinar_Thumbnail_January_alt.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/776O1QnqXsYHlolxX6NiaB/11b3f4b3aff3deee913526f4107ee9f9/Webinar_Thumbnail_January_alt.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/776O1QnqXsYHlolxX6NiaB/11b3f4b3aff3deee913526f4107ee9f9/Webinar_Thumbnail_January_alt.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/776O1QnqXsYHlolxX6NiaB/11b3f4b3aff3deee913526f4107ee9f9/Webinar_Thumbnail_January_alt.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/776O1QnqXsYHlolxX6NiaB/11b3f4b3aff3deee913526f4107ee9f9/Webinar_Thumbnail_January_alt.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/776O1QnqXsYHlolxX6NiaB/11b3f4b3aff3deee913526f4107ee9f9/Webinar_Thumbnail_January_alt.png?w=1280&h=720&q=50&fm=webp&fit=scale 1280w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Creating a Full-Stack Email Editor with React & Nylas Email API | TinyMCE"},"metaDescription":{"metaDescription":"Join our webinar to learn how to build a Full-Stack Email Editor using React, TinyMCE, and Nylas Email API. Sign up and boost your email editing skills!  "}}},{"node":{"title":"React Summit US 2024 Recap: A Developer's Playground","slug":"tinymce-at-react-summit-us-2024-recap","featured":false,"lastUpdated":"Dec 4th, 2024","description":{"description":"<p>TinyMCE at React Summit 2024: See how React integrations inspired developers at this dynamic celebration of innovation and tech.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"TinyMCE at React Summit 2024: See how React integrations inspired developers at this dynamic celebration of innovation and tech."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE at React Summit 2024","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAwYEBQj/xAAmEAABBAAEBQUAAAAAAAAAAAABAgMEBQAGBxESISIxURMUQVKR/8QAGQEAAgMBAAAAAAAAAAAAAAAAAgMBBQYE/8QAIBEAAgIBBAMBAAAAAAAAAAAAAQIAAxESITFRBEFh4f/aAAwDAQACEQMRAD8AxHl3TqruqWJOnZ/pqCU8twO1suHJcdZSlXCkktpIPEOoDwcbJltVsLWT9lYGrxu0v9N9Eo2eM/M06r5M+nQl9yTNrE+i4lCDwtkB8AdaiCBzOwPbC7S9Vesrg7c/nUJQrnAMSbbJ8qltpte8oOORXlslSCCDsdu45fnzjtTx2sUOPcQXCkiNrcZr6DGmCL1K/JhvZMODZTSVDwRh6qBxAbfmSExWkpADaQPG2G6F6kZM/9k=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6e8qFcY2YZrobtyG93vPfC/7f62328b23eae77f04a6a8358260912a/Pre-Event_React_Summit_Blog.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6e8qFcY2YZrobtyG93vPfC/7f62328b23eae77f04a6a8358260912a/Pre-Event_React_Summit_Blog.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6e8qFcY2YZrobtyG93vPfC/7f62328b23eae77f04a6a8358260912a/Pre-Event_React_Summit_Blog.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6e8qFcY2YZrobtyG93vPfC/7f62328b23eae77f04a6a8358260912a/Pre-Event_React_Summit_Blog.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6e8qFcY2YZrobtyG93vPfC/7f62328b23eae77f04a6a8358260912a/Pre-Event_React_Summit_Blog.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6e8qFcY2YZrobtyG93vPfC/7f62328b23eae77f04a6a8358260912a/Pre-Event_React_Summit_Blog.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6e8qFcY2YZrobtyG93vPfC/7f62328b23eae77f04a6a8358260912a/Pre-Event_React_Summit_Blog.jpg?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6e8qFcY2YZrobtyG93vPfC/7f62328b23eae77f04a6a8358260912a/Pre-Event_React_Summit_Blog.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6e8qFcY2YZrobtyG93vPfC/7f62328b23eae77f04a6a8358260912a/Pre-Event_React_Summit_Blog.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6e8qFcY2YZrobtyG93vPfC/7f62328b23eae77f04a6a8358260912a/Pre-Event_React_Summit_Blog.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6e8qFcY2YZrobtyG93vPfC/7f62328b23eae77f04a6a8358260912a/Pre-Event_React_Summit_Blog.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6e8qFcY2YZrobtyG93vPfC/7f62328b23eae77f04a6a8358260912a/Pre-Event_React_Summit_Blog.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6e8qFcY2YZrobtyG93vPfC/7f62328b23eae77f04a6a8358260912a/Pre-Event_React_Summit_Blog.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6e8qFcY2YZrobtyG93vPfC/7f62328b23eae77f04a6a8358260912a/Pre-Event_React_Summit_Blog.jpg?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"React Summit US 2024 Recap: A Developer's Playground | TinyMCE"},"metaDescription":{"metaDescription":"TinyMCE at React Summit 2024: See how React integrations inspired developers at this dynamic celebration of innovation and tech."}}}]}},"pageContext":{"limit":12,"skip":0,"numPages":3,"currentPage":1,"slug":"react","title":"React","page":"tag","banner":{"description":"Deploy TinyMCE in just 6 lines of code","buttonLabel":"Get your Cloud API Key","externalLink":"https://www.tiny.cloud/get-tiny/","section":["category","author","posts","home","tag"]},"bannerForTag":{"bannerDescription":"See how TinyMCE works with React apps for faster development","bannerButtonLabel":"Explore React integrations","bannerExternalLink":"https://www.tiny.cloud/solutions/wysiwyg-react-rich-text-editor/","bannerIsEnabled":true}}},"staticQueryHashes":["2492987505","740350947"]}