{"componentChunkName":"component---src-templates-tag-page-tsx","path":"/tag/react/page/2/","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":"TinyMCE is Headed to React Summit US 2024","slug":"tinymce-at-react-summit-us-2024","featured":false,"lastUpdated":"Nov 14th, 2024","description":{"description":"

Join TinyMCE at React Summit US 2024 on November 19 at Liberty Science Center! Discover new features, enjoy live demos, and win prizes.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Join TinyMCE at React Summit US 2024 on November 19 at Liberty Science Center! Discover new features, enjoy live demos, and win prizes."}]}],"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":"TinyMCE at React Summit US 2024: Join Us in New Jersey! | TinyMCE"},"metaDescription":{"metaDescription":"Join TinyMCE at React Summit US 2024 on November 19 at Liberty Science Center! Discover new features, enjoy live demos, and win prizes."}}},{"node":{"title":"Four Steps to Upgrade a React Textarea with a Rich Text Editor","slug":"upgrade-react-textarea-with-rich-text-editor-and-vite","featured":false,"lastUpdated":"Oct 30th, 2024","description":{"description":"

Upgrade your React Textarea with Rich Text Editor and Vite in 4 steps. Learn how to add advanced formatting, media embedding, and more.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Upgrade your React Textarea with Rich Text Editor and Vite in 4 steps. Learn how to add advanced formatting, media embedding, and more."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Elements of JavaScript reference React while images on a computer screen represent the text editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7898148148148147,"src":"//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=185&h=103&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=370&h=207&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=739&h=413&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1109&h=620&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1478&h=826&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1933&h=1080&q=50&fit=scale 1933w","srcWebp":"//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=185&h=103&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=370&h=207&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=739&h=413&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1109&h=620&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1478&h=826&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/Az5bEZZP6Wn3Vc96S11sO/a7f1f69f5219252bf252554272550e63/TinyMCE_-_-Blog_Header-_How_to_add_a_rich_text_editor_into_React_JS.png?w=1933&h=1080&q=50&fm=webp&fit=scale 1933w","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":"Upgrade React Textarea with Rich Text Editor in 4 Steps | TinyMCE"},"metaDescription":{"metaDescription":"Upgrade your React Textarea with Rich Text Editor and Vite in 4 steps. Learn how to add advanced formatting, media embedding, and more."}}},{"node":{"title":"Build LMS Editor with React, OpenAI, and TinyMCE","slug":"build-lms-editor-with-react-openai-integration-and-tinymce","featured":true,"lastUpdated":"Sep 26th, 2024","description":{"description":"

Build an LMS Editor with React, OpenAI, and TinyMCE, integrating powerful formatting plugins and AI-assisted content features.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Build an LMS Editor with React, OpenAI, and TinyMCE, integrating powerful formatting plugins and AI-assisted content features."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Build your LMS editor in React and TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAyVBMVEWS//+Q//+R//+T//+U//+f+fuR/v6L//+M//+P//2R/v2R/P2S/v+Z/P3F6PTR8vXJ8+/K9vSV6Mt75cB468x86c6G8+Sc/f2V//+W/PuJ+fnO8/T69vL19e/99Pbz8+/l9euX8uGC7tWC8+XC6umj+fmT+fuM+fzC+fnp+fjl+Pfp+fvs+/zn/f668/XD7fG19vmb/v6Z//+l5fjF6/PM8fCk+PiT/v+i7+Kt5syt7tyY//+V+/6c/P2e/f2U/v6V/vyU+/WV+/e5EEAFAAAAXElEQVQIHY3BPQ4BQQAG0PfNbrGEkqu4f4vOKYhes5kxJH4aiff8LZ4S1VswyMstM4LBMh+XatRt8+XMqFvn45RmxGaV7lh3SfYzCq6Lh1YO0zQ1XXRFk0qh+uUOTN0S9M0OtTcAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6VaOw7PA0wFyDQyHQubdXo/e88664666a41466a246b1bb0831cef89/Build_LMS_Editor_with_React__OpenAI__and_TinyMCE_1.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":"Build LMS Editor with React, OpenAI, and TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Build an LMS Editor with React, OpenAI, and TinyMCE, integrating powerful formatting plugins and AI-assisted content features."}}},{"node":{"title":"Angular vs React vs Vue - Detailed Framework Comparison","slug":"vue-react-angular-js-framework-comparison","featured":false,"lastUpdated":"Aug 30th, 2024","description":{"description":"

Discover which framework is best for your project. Our detailed comparison of Angular, React, and Vue covers performance, scalability, and community support.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Discover which framework is best for your project. Our detailed comparison of Angular, React, and Vue covers performance, scalability, and community support."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Angular vs React vs Vue trends for each of the two frameworks and a library represented as symbols","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAtFBMVEXQ6eHQ6uHR6+HS7OHS6+HR6uHQ6uLQ6+PQ6+DR1uaywO/D4+TT7eDS7ODR7ODQ6eDX3dbT5d3P6uHYqe3Jm8yqtcm1x+i0xee1yOXO5N/ltbLa083P6uLV2NPjyY2jgNeVkfSYhvS1qOTN5OHR4dnS5+HQ5ujR6ePO6ODO6uDO5uLh2ff39v349f75+fjT6uG108fO5uDR5ujR6OPS6uHm8+zp9O/k8ezR6eHP6ODP6N/O6eAMO25wAAAAUUlEQVQI12NgwAIYYcR/EP0fIsgCkQIChj+sjP9//4cLsjPCwAe4dkZBuCDjE7iZMghBxpsw7TxIgnAzbzCYAHkgof9w14CA9VsG4aMwJxEPABz0Dj2e3QHvAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2zovvGaRy7UQ9jXMreHkR2/9400d5dc095753a0bf86f93888e87340/-Blog_Header-__-Rework_-14-_Angular_vs_React_vs_Vue.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2zovvGaRy7UQ9jXMreHkR2/9400d5dc095753a0bf86f93888e87340/-Blog_Header-__-Rework_-14-_Angular_vs_React_vs_Vue.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2zovvGaRy7UQ9jXMreHkR2/9400d5dc095753a0bf86f93888e87340/-Blog_Header-__-Rework_-14-_Angular_vs_React_vs_Vue.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2zovvGaRy7UQ9jXMreHkR2/9400d5dc095753a0bf86f93888e87340/-Blog_Header-__-Rework_-14-_Angular_vs_React_vs_Vue.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2zovvGaRy7UQ9jXMreHkR2/9400d5dc095753a0bf86f93888e87340/-Blog_Header-__-Rework_-14-_Angular_vs_React_vs_Vue.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2zovvGaRy7UQ9jXMreHkR2/9400d5dc095753a0bf86f93888e87340/-Blog_Header-__-Rework_-14-_Angular_vs_React_vs_Vue.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2zovvGaRy7UQ9jXMreHkR2/9400d5dc095753a0bf86f93888e87340/-Blog_Header-__-Rework_-14-_Angular_vs_React_vs_Vue.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2zovvGaRy7UQ9jXMreHkR2/9400d5dc095753a0bf86f93888e87340/-Blog_Header-__-Rework_-14-_Angular_vs_React_vs_Vue.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2zovvGaRy7UQ9jXMreHkR2/9400d5dc095753a0bf86f93888e87340/-Blog_Header-__-Rework_-14-_Angular_vs_React_vs_Vue.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2zovvGaRy7UQ9jXMreHkR2/9400d5dc095753a0bf86f93888e87340/-Blog_Header-__-Rework_-14-_Angular_vs_React_vs_Vue.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2zovvGaRy7UQ9jXMreHkR2/9400d5dc095753a0bf86f93888e87340/-Blog_Header-__-Rework_-14-_Angular_vs_React_vs_Vue.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2zovvGaRy7UQ9jXMreHkR2/9400d5dc095753a0bf86f93888e87340/-Blog_Header-__-Rework_-14-_Angular_vs_React_vs_Vue.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2zovvGaRy7UQ9jXMreHkR2/9400d5dc095753a0bf86f93888e87340/-Blog_Header-__-Rework_-14-_Angular_vs_React_vs_Vue.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2zovvGaRy7UQ9jXMreHkR2/9400d5dc095753a0bf86f93888e87340/-Blog_Header-__-Rework_-14-_Angular_vs_React_vs_Vue.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":"Developer Insights","slug":"engineering"},"metaTitle":{"metaTitle":"Angular vs React vs Vue: Detailed Framework Comparison | TinyMCE"},"metaDescription":{"metaDescription":"Discover which framework is best for your project. Our detailed comparison of Angular, React, and Vue covers performance, scalability, and community support."}}},{"node":{"title":"How to create React show and hide components with TinyMCE","slug":"react-show-hide-component","featured":false,"lastUpdated":"Mar 6th, 2024","description":{"description":"

With TinyMCE, you can show and hide the editor without extending any React components. Find out how in our latest guide.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"With TinyMCE, you can show and hide the editor without extending any React components. Find out how in our latest guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A spotlight from binoculars shines on a React demo app, with show and hide buttons","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA51BMVEWA7/Z/7/eA8PeB8PeC8PeC8PZ/8Ph+8Pd/8PeI8fii7fWP7fN64+WE6OqC7/aB7/aA8feB8fiB8viA8fiA8PaH8vmp6fOb293T6uTZ5fCf7PaY9fuO7PSJ4++H5/CJ7PR/8vh/8feC7vSF6O/A4+b/+vnc6/ad8fen+f6a1t+TocKkpsPheL+roMyL5fB+8feE7/WE5+3C4uX8+fjF9fiZ9Pmg+P2S4eqMyduXxdi7vtyU0uWE7PSG8fiH7PKo6e6v8vaH8PeE8PeD8PeC8fiA8vh89Pl/8/l98Pd67/d97/Z/7/aA7/cKYiufAAAAX0lEQVQI12NgwAIYISSQ+ocqyMzI+JeFkfEXWOAfVJCFlREOPv4TegMRFGREAg//QQTlkAUZL/9jAZnDhyx2RugNWJAXyj9nzMh48hfETGaG/25Aoa1McOshwIeBIAAAykYUBRTQSZcAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6jFThMJeEXuw4Iapr6ZmWg/062652a6119db93d591eda8739ea1b30/img-Howto-addShow-Hide-button-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"React show hide component guide | TinyMCE"},"metaDescription":{"metaDescription":"Discover how to add React show hide components, using TinyMCE with a React onclick event, in our latest guide on React show and hide"}}},{"node":{"title":"Is there anything better than React? Discovering React alternatives","slug":"react-alternatives","featured":false,"lastUpdated":"Feb 8th, 2024","description":{"description":"

What are the React alternatives? Find out what frameworks provide an answer when React isn't the right choice.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"What are the React alternatives? Find out what frameworks provide an answer when React isn't the right choice."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A rocket launch showing the power of React","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAz1BMVEUA4KwA4awA4KsA4asA4KoA36pA3qsA4LcA4LMA3qqk49Kf6dIA5beq4sTp6eGE37YX4a2Y38ts4MYA2LCo087y7vyf3dVV48Sw5Mzs6uSF37YA4a2I3cZa4bk74LPg6OvO5uRW18J/3bdx4rmw5N574cU/3qho26Jr3qua5snu8/OS3cYA1q2U2J+W4LvG6fel5Nxc3KWW152a0qDe5dj//f7P5txzxaiV0KRs5Ltw58tM4rgA4q8A4K9i4rl25r5c4LVn4bg14rQA4rEA4KmoahRXAAAATElEQVQI12NgIAgYUSgmRgbGfwzMjH/+wQUZmVgYoeAzSJQFJMjPCAdf4YLcCEGwYSBBaWyCyCoRFkkrQoV+Hv2P7EIWFxYmIMDjBwBWfAvNNMVjIAAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4hsGQMZeid58sjsjKPwbw1/8a4af88ccd3792f3e764fcf7c6a36348/img-anything-better-than-React-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"Developer Insights","slug":"engineering"},"metaTitle":{"metaTitle":"Is there anything better than React? Discovering React alternatives | TinyMCE"},"metaDescription":{"metaDescription":"Explore top alternatives to React JS, evaluate its competitors, and learn how to choose the right framework for your needs."}}},{"node":{"title":"How to use Font Awesome with React and TinyMCE","slug":"use-font-awesome-in-react","featured":false,"lastUpdated":"Jan 23rd, 2024","description":{"description":"

Font Awesome and React can combined to create a rich UI design, especially when combined with TinyMCE.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Font Awesome and React can combined to create a rich UI design, especially when combined with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A pair of happy icons team up with the React library logo to work on font awesome in React JS","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA1VBMVEV+//99//98//97//9//v98/f509/l5//91//+++/vY8vLX8vLD+vp///+A//9//P6Q+vuN8vKK6OuU9fit+vu8+Pi3+Pib/f2E/f267/i18PiC/v6B9fXl8O309PPU0ODh4vHr8u/m8Ojr/v2P+PiR9ffG6vfC7PeE/v5+7Ozy8PD////28/j48fb2srnutrPo8/mB8Pp4/v6O+vqK+vp/7e3u8fH+/f35yM/9ztTQ6PRp4fZ6//96//58/Pyd/Pyj//+i//+k//+e//58/f14//92//8pCi3EAAAAYElEQVQIHQXBwQ1BURRAwTnyI/GCjuy0baEAiSpUYEXimgEAAAEIAwSoBmMQbFVV333vH6FzVVXVa2zYnaqqqrDBqaqqegw7OB7NWmut9TwMQpeK6jYg6BrcPwMEAgbwB/piFDweuOcQAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to use Font Awesome with React | TinyMCE"},"metaDescription":{"metaDescription":"Integrate Font Awesome with React and enhance your TinyMCE UI: a step-by-step guide to setting up, customizing, and securing your icons and editor."}}},{"node":{"title":"Mastering React image upload with TinyMCE","slug":"react-image-upload","featured":false,"lastUpdated":"Nov 2nd, 2023","description":{"description":"

Mastering image upload in React is a matter of understanding what to post to the server. Find out how to add TinyMCE to your React app for image upload with an end-to-end demo

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Mastering image upload in React is a matter of understanding what to post to the server. Find out how to add TinyMCE to your React app for image upload with an end-to-end demo"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The React library icon handling a number of image related symbols and icons to represent image upload with react","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA1VBMVEWR+P+R+f+Q+f+P+f+L+f+N+f+S+f+Q+v+j9vzH8/bN8fC59fmT9f6V9/+U+f+V+v+V+f+i7fWU+P+T9fzA8vbq3s713rHb7OiV6fiN5++I8fWN7PKK5e2S9vua2MqU9vyU9/666vbJ7PO0xrDPs5LV29aZ8vWf8vaO5uyK1eKI8vRi4tOS+P+f8/ux8fbg2dHg1Mbi0NCm5/Gm8vfM7vGa7PSV5/SO7e6J5t+T+v+U+P6l+f+g+/+g8PmZ8/uR9v2W8/mT8/iR9vyT9v2V9/6P+v+Q+P/aTx5qAAAAbElEQVQIHQXBQVXDUBRAwbn5TQQggNN9FSCACmeFB1YoqIDQPmYCYgAIosEEYyHb1hr7ejmeEu1/R1WlepiLnG9VVVUPLvRe1e+1qh8kt6qqqr5NtJ8fVVX1dQ6oba3Prfu94yiCAGAIgDDgHyxyFyB+QPR7AAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Mastering React image upload | TinyMCE"},"metaDescription":{"metaDescription":"Explore image handling in React and TinyMCE: from understanding uploads to importing images. Follow our guide to enhance your React applications with seamless image uploading using TinyMCE."}}},{"node":{"title":"React accessibility: making your React app accessible","slug":"react-accessibility","featured":false,"lastUpdated":"Sep 6th, 2023","description":{"description":"

A11y best practices are essential. For a guide on getting started with accessibility in your React app, read on.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A11y best practices are essential. For a guide on getting started with accessibility in your React app, read on."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The text area and a react app expressed in symbols on a green background","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA5FBMVEUPqlgOqlgMqlgNqlgJqlcAqVUAqVMAqFIAqVQCqlYKqlcLqlcMqlcIqVcvq2AsqV4pq14AqE4Ap0kAqE8EqlYBqlcApUiyxKHs8uvZ59xVsHNEr2lhtYCFwqJnt4QAqEwHqlYAqlcApETMx6/f3//d3v/w9fVNr208rGS22tnR7v+62905rGMOqlcApkq+upjSzNvPydrZ3tIwrF8xq1+73eDS7/+/2+NEq2gIqlgAqlVDplFYqVJXqFFAqFMAqFEApklyuY2XxbR2tpAGqVYGqlcAqlYAqlQBqlYAp0cAqE0IqlcLeSYnAAAAdUlEQVQIHW3BsQ7BQACA4f+/qzS9dhSDZ/AA3sEz2ztKbDazwSQSoecapYvv4x8pRBwyXwJGP3K4ZQqBNCzUu416fQGCSxUn5wwV0Dk7bY5QUXTOKAS3/lxW+wwBct+2Q3o2j0Ndr/vMxBhCMKZdioxkJmRGb2rwGStd8qt6AAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/336v6qodKUybJ7KZztKyiL/cb4079e45a50a4bb3c6b0a8bd082c1ec/How_to_enrich_React_textarea_with_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/336v6qodKUybJ7KZztKyiL/cb4079e45a50a4bb3c6b0a8bd082c1ec/How_to_enrich_React_textarea_with_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/336v6qodKUybJ7KZztKyiL/cb4079e45a50a4bb3c6b0a8bd082c1ec/How_to_enrich_React_textarea_with_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/336v6qodKUybJ7KZztKyiL/cb4079e45a50a4bb3c6b0a8bd082c1ec/How_to_enrich_React_textarea_with_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/336v6qodKUybJ7KZztKyiL/cb4079e45a50a4bb3c6b0a8bd082c1ec/How_to_enrich_React_textarea_with_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/336v6qodKUybJ7KZztKyiL/cb4079e45a50a4bb3c6b0a8bd082c1ec/How_to_enrich_React_textarea_with_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/336v6qodKUybJ7KZztKyiL/cb4079e45a50a4bb3c6b0a8bd082c1ec/How_to_enrich_React_textarea_with_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/336v6qodKUybJ7KZztKyiL/cb4079e45a50a4bb3c6b0a8bd082c1ec/How_to_enrich_React_textarea_with_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/336v6qodKUybJ7KZztKyiL/cb4079e45a50a4bb3c6b0a8bd082c1ec/How_to_enrich_React_textarea_with_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/336v6qodKUybJ7KZztKyiL/cb4079e45a50a4bb3c6b0a8bd082c1ec/How_to_enrich_React_textarea_with_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/336v6qodKUybJ7KZztKyiL/cb4079e45a50a4bb3c6b0a8bd082c1ec/How_to_enrich_React_textarea_with_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/336v6qodKUybJ7KZztKyiL/cb4079e45a50a4bb3c6b0a8bd082c1ec/How_to_enrich_React_textarea_with_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/336v6qodKUybJ7KZztKyiL/cb4079e45a50a4bb3c6b0a8bd082c1ec/How_to_enrich_React_textarea_with_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/336v6qodKUybJ7KZztKyiL/cb4079e45a50a4bb3c6b0a8bd082c1ec/How_to_enrich_React_textarea_with_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"Developer Insights","slug":"engineering"},"metaTitle":{"metaTitle":"React accessibility: making your React app accessible | TinyMCE"},"metaDescription":{"metaDescription":"Dive into React accessibility: Understand web standards, build accessible components, learn a11y best practices, and master"}}},{"node":{"title":"How to optimize React apps – a tutorial","slug":"react-performance-optimization","featured":false,"lastUpdated":"Nov 22nd, 2022","description":{"description":"

FInd out how to optimize React during the setup, in the process of building and during the production

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"FInd out how to optimize React during the setup, in the process of building and during the production"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"React and Tiny MCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/jC7yKmwpLMQQnMbORx6xn/fcc229b86e617c1e7becf3f74276462e/img-react-improvements-01.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"React performance optimization guide | TinyMCE"},"metaDescription":{"metaDescription":"We cover the React performance optimization on different stages of building React app: how to optimize it during the setup, in the process of building and during the production."}}},{"node":{"title":"Emulating an online document editor with TinyMCE in React","slug":"emulating-an-online-document-editor-with-tinymce-in-react","featured":false,"lastUpdated":"Jul 18th, 2022","description":{"description":"

This blog post demonstrates how you can emulate a simple online document editor application using TinyMCE within a React project.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This blog post demonstrates how you can emulate a simple online document editor application using TinyMCE within a React project."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"TinyMCE React","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACAVBMVEUVsesUsOsMresJrOsJq+sJqeoKp+oIq+sMrOsSsOsOrusIrOsTsOsUq+oNqeoJqOoKqOoKpeoKqesIue0Iuu4JqusMpeoSquoPquoOqeoTq+oNpOoKo+oLo+oLn+kJtO0C6fgA/P0A6/kPt+0PoOkPpOoTpuoTpeoLnekLoOoB6fgC/vsW6O4a5+0Q+/kF6/gJouoKnekToekLm+kLmukMl+kJruwA+vwqutErudAj4ukX+PgMse0Pl+kTnOkTnekMlukMkukJqewA+fwa6u4pvdEovdEh5usb9fcSrOwTlekTmekRmOkLkuoKkuoKkukKkOkKkekC3vYS+/ge6u0d6u0a+PUX3fISleoSk+kSlekQlOoAjuoAjeoAiukAm+sA1PMI7PUI7fUH1PEBnOsAjekAkOoAkeoBkeoAh+oAheoAg+oAhOoAgOoAfuoAjOsAjusAgukAgekAhOkAhekAiOsrjOyzyfG/0PK9z/K+0PK9zvLD1PbE1ffE1vfE1fbG1ve1yfANguFKku3v8fb//vn8+vj8+/j7+vf5+PX7+ff59/X+/fr///z//vv///3////z8u8wc8M/jO3u8fn//v36+vr4+Pj5+fr4+Pn7+/v5+fn8/Pzu7u4cbMI+ie709/7v7+8YasM9iPD09v4XaMM9h/Hv7+4XZsQ8hPIWZcRuC/UbAAAAiklEQVQYGWXBW2pCQRBAwXOmW0G5jf745f73J8Y8kGSu4wvEVIkKqMzNgblZKuDDN2txr4AD6g8rMYNh7UN9FJA7wOFz8qoEshjU8g4wC/FFJ465YfBF/9pkKdjDO+a+XGU5MNNAEYcsbxAVe6i5VVE68Zf8LjxN5uSBpzOcIc2Ud9GCd8towT/tAuUDF6L8XD26AAAAAElFTkSuQmCC","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4QAbXachZaAyYLVaUrOuac/da8d6206a9234c212d5a4737a34aa2b4/Image_default_react__1_.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Simon Fjeldså","slug":"simon-fjeldsa"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Emulating React document editor with TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"You can emulate React document editor with TinyMCE by following our detailed step by step tutorial"}}},{"node":{"title":"5 Best rich text editors for React compared: Under Pressure","slug":"under-pressure-react","featured":true,"lastUpdated":"May 16th, 2022","description":{"description":"

If you’ve ever asked yourself or your team which rich text editor should we integrate with our React app, we’ve tested and compared some popular editors on the effort involved with integration.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you’ve ever asked yourself or your team which rich text editor should we integrate with our React app, we’ve tested and compared some popular editors on the effort involved with integration."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"React logo","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAAAnFBMVEX5+fv6+vz6+vv7+/z9/f7+/v7////8/v/u+v/z/P/z+//9/f3r+f/j9v7I7/7d9f7e9f7+///9///W8/7F7v3C7f3H7v7E7v3w+v/8/P3+/f7f9f7i9v7D7f216v3R8f71/P/y+//S8v646/3G7v6+7P3k9/7n+P+76/3Z8/7b9P7+/v/g9f7t+f/m9//l9//7+/35+vz7+vz5+fyYKT2iAAAAlElEQVQYGY3BMU7DQBCG0e+f9W5IRAlGoklFRUPI/Y9DY6gioyiFZ5g1OYDfYzOJJCQREQRJoitG5wudkVRMpjJgB5EkkApN3S9LBBgQ4nG3gtEBS4zskx6ur3zLEmmiJW8vF5CDubue+arT8FR/ZsJxt6Tpjdux1joTITND3Uf7966TElp9Di0NOmtl3IlwYyVjoz+ygiY8h74kmgAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/78nfZRtHWRTtirMDgn6qPz/91a35ca789cc687d931f2efee4591a82/React-Integration.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/78nfZRtHWRTtirMDgn6qPz/91a35ca789cc687d931f2efee4591a82/React-Integration.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/78nfZRtHWRTtirMDgn6qPz/91a35ca789cc687d931f2efee4591a82/React-Integration.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/78nfZRtHWRTtirMDgn6qPz/91a35ca789cc687d931f2efee4591a82/React-Integration.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/78nfZRtHWRTtirMDgn6qPz/91a35ca789cc687d931f2efee4591a82/React-Integration.png?w=1109&h=911&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/78nfZRtHWRTtirMDgn6qPz/91a35ca789cc687d931f2efee4591a82/React-Integration.png?w=1478&h=1214&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/78nfZRtHWRTtirMDgn6qPz/91a35ca789cc687d931f2efee4591a82/React-Integration.png?w=1792&h=1472&q=50&fit=scale 1792w","srcWebp":"//images.ctfassets.net/s600jj41gsex/78nfZRtHWRTtirMDgn6qPz/91a35ca789cc687d931f2efee4591a82/React-Integration.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/78nfZRtHWRTtirMDgn6qPz/91a35ca789cc687d931f2efee4591a82/React-Integration.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/78nfZRtHWRTtirMDgn6qPz/91a35ca789cc687d931f2efee4591a82/React-Integration.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/78nfZRtHWRTtirMDgn6qPz/91a35ca789cc687d931f2efee4591a82/React-Integration.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/78nfZRtHWRTtirMDgn6qPz/91a35ca789cc687d931f2efee4591a82/React-Integration.png?w=1109&h=911&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/78nfZRtHWRTtirMDgn6qPz/91a35ca789cc687d931f2efee4591a82/React-Integration.png?w=1478&h=1214&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/78nfZRtHWRTtirMDgn6qPz/91a35ca789cc687d931f2efee4591a82/React-Integration.png?w=1792&h=1472&q=50&fm=webp&fit=scale 1792w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Best rich text editors for React: Under Pressure | TinyMCE"},"metaDescription":{"metaDescription":"What is the best rich text editor to integrate with the React app? We compared the most popular ones from different standpoints for you to make the decision easier."}}}]}},"pageContext":{"limit":12,"skip":12,"numPages":3,"currentPage":2,"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"]}