DEV Community

Cover image for My opinion on the future of React development

My opinion on the future of React development

OpenSource on October 15, 2023

Vote here: What would you like to see in a tool that allows one-click installation of plugins for React websites? TL;DR: Envisioning a Plugin-cen...
Collapse
 
dsaga profile image
Dusan Petkovic • Edited

But WordPress is a CMS does this mean that this aims to be the CMS for react applications?

React websites area broad term, its just one part of the stack, so wondering what this webcrumbs really is? does it provide the database, does it employ its own theming, does it enforce a framework like nextjs?

Interested to find out more?

Collapse
 
opensourcee profile image
OpenSource Webcrumbs • Edited

Good questions!

Yes, it can do CMS, but this is more than a headless CMS. It is extendable by plugins, as the main characteristic. If you’re wondering how, the answer is a micro front end architecture.

We’re thinking of next js for the admin panel and for serving images, for instance, but because of the decoupled architecture plugins can be written in any JavaScript framework.

You may like to check this repository and this wiki. See, for instance, architecture and motivation.

Star if you like it, and support the idea!

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Image description

Thread Thread
 
dsaga profile image
Dusan Petkovic

Ok so web crumbs is basically like a router or a root app in a micro front-end architecture, and that its able to hook in nested apps/plugins inside it.

Are there plans to support server side rendering, as its crucial for SEO?

Thread Thread
 
opensourcee profile image
OpenSource Webcrumbs • Edited

Yes! We’re thinking of SSR with Nextjs. What’s your thought on this? We'd love to have you onboard at our discussions. Good questions push us forward.

Cheers!

Collapse
 
documentwrites profile image
DocumentWrite

Interesting concept. This is something that Gatsby tried to do with limited success. I'm glad there's another project taking a stab at this fantastic idea. gatsbyjs.com/plugins/

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Do you have any hint on why they were not successful? Something perhaps we can avoid?

Collapse
 
documentwrites profile image
DocumentWrite

I think plugins were more of a priority for the community and less for the investors. Gatsby maintained a dozen or so plugins, like the one for WordPress, and the one for Drupal one, and let the community build and maintain the rest. Gatsby had a small team, and was forced to limit their scope.

Gatsby, as a whole, did super well. They became one of the leading React frameworks, and then sold their company to Netlify last year. Not bad.

Thread Thread
 
opensourcee profile image
OpenSource Webcrumbs

Oh, I see now. I checked their plugin page and it sounds really technical. It feels like they directed the plugins for devs. The beauty of Wordpress in this matter is that it’s very visual and directed to the larger public. The future I see is one where devs can create or use third party plugins to serve them to other business areas. Because plugins should do exactly that: solve business problems. In a sense, plugins are quick implementations of business solutions. Let’s see how it goes! I believe in an economy revolving plugins for extending functionality of modern websites.

Thread Thread
 
documentwrites profile image
DocumentWrite • Edited

The React community is in dire need of a CMS. It's crazy because it seems like we get a new framework every other week, but very few JS developers are interested in creating a tool for the masses.

Collapse
 
joelbonetr profile image
JoelBonetR 🥇

that's an add

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Image description

Collapse
 
opensourcee profile image
OpenSource Webcrumbs • Edited

Plugin for Real Time Collaboration: Imagine the harmonious clatter of keys as multiple devs work on the same project. We're talking Google Docs for code, baby! Good for remote teams, great for productivity.

Collapse
 
orqoncom profile image
Mehmet Orkun Alabaz
Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Agree!

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Code Snippet Sharing: Instantly share reusable code snippets across your team, right within the editor. A developer's dream.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Behavioral Email Targeting: Email as personal as a handwritten letter. Custom-crafted messages based on your users' website interactions.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Voice Commands: "Hey WebCrumbs, update my CSS!"—that's Jetsons-level stuff right there. Accessibility goes through the roof, and it's a fun toy to show off.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Monetization Tools: Easily integrate ads, sponsorships, or premium content sections to turn your content into cash.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Live Chat Support: Real-time support, no third parties required. Solving issues faster than you can say "FAQ."

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Virtual Reality Support: Step into the future—literally. Weave VR experiences right into your web tapestry.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Interactive Tutorials: Onboard users or teach new features with ease. Embed interactive guides right into your site.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Role-based Dashboards: Your admin page shouldn't look like a newbie's. Tailored UI experiences for different roles.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Content Personalization: Netflix's "Because you watched" but for website content. Gets your visitors hooked by serving what they crave.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Sentiment Analysis: Decode your audience's emotional language. Turn emojis and exclamations into actionable insights.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for A/B Testing Framework: Digital gladiator arena for your website elements. May the best button color win! Essential for conversion optimization.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Quantum-Safe Encryption: Cybersecurity that even future quantum computers can't crack. Get ready to be unbreakable.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Progressive Web App Support: Don't just build websites; create experiences that live on the home screen. Your web content, now in app form.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Biometric Authentication: Forget passwords. A look or a touch is all you need to enter your web kingdom.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Podcast Integration: Audio aficionados, rejoice! Embed your favorite podcasts directly into your website, no extra clicks needed.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Offline Access: Cut the cords but stay connected. Edit or view content while floating in the offline abyss.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Dynamic Theming: Your site changes appearance based on time or user behavior. Like a chameleon, but for webpages.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for 3D Model Integration: Bring another dimension to your content. Sculptures, prototypes, landscapes—it's a virtual museum in your browser.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Automated Translation: Speak everyone's language, literally. Real-time translations make your site a global village square.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Facial Recognition: Not just "who" but "how". Serve content based on whether your visitor is grinning or grimacing.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Content Fragmentation: Think Lego blocks for your website. Reusable, mix-and-match content units for maximum flexibility.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Biometric Authentication: Forget passwords. A look or a touch is all you need to enter your web kingdom.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for User Behavior Tracking: Your audience isn't a mystery. Track behaviors, spot trends, and adapt like a chameleon.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for SEO Auto-Optimization: Climb the Google ladder without breaking a sweat. Your site's SEO, now on autopilot.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for 3D Model Integration: Bring another dimension to your content. Sculptures, prototypes, landscapes—it's a virtual museum in your browser.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Contextual Commerce: Content meets cart. From reading an article about hiking boots to buying them—without ever leaving the page.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Gesture Control: Swipe right to keep reading, circle to go back—your website navigation, now choreographed.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for IoT Compatibility: Your website on your fridge. No, seriously! Sync up with smart devices for a fully integrated digital life.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Accessibility Checker: Don't just publish; be understood. Ensure your content gets the ADA stamp of approval.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Blockchain-based Decentralization: Become the mastodon of content control. Community-driven, decentralized, and immune to single points of failure.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Automatic Summarization: Got a long read? Generate a pocket-sized version with the magic of AI. TL;DR was never this smart.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Chatbot Integration: Let a friendly bot handle the chit-chat. Whether for customer service or dynamic content updates, it's always on duty.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Text-to-Speech: Listen up—literally! Your content now doubles as an audiobook or podcast.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Subscription Management: No more chaos in your paywalls. Sleek and intuitive controls for your subscriber-only fortress.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Custom AI Solutions: Let the machines do the heavy lifting. Auto-categorize and tag your content while you sip on that latte.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Content Aging Indicator: Old content isn't like fine wine. Flag it for review before it turns into digital vinegar.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Content Versioning: Made a mistake? No problem. Roll back to a previous version like it never happened.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for AR Support: Bring imagination to reality, or maybe the other way around. Augmented reality makes your site a playground.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Multi-cloud Support: Not one cloud, but a whole weather system. Scale and adapt with the flexibility of multi-cloud environments.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Dark Mode Toggle: Give your users the night mode they've been craving. Easier on the eyes and kinder to battery life.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Adaptive Layouts: Make responsiveness a no-brainer. Content that plays nice with every screen size—no sweat.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Automatic Video Transcription: Why skim when you can search? Transform video mumblings into readable, searchable text.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Markdown Support: Markdown all the way down! Create and edit content in a developer-friendly format.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Community Building: Encourage user interactions, reward top contributors, and foster a community around your brand.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Content Scheduling: Content that works around the clock, even if you don't. Schedule posts and updates with pinpoint accuracy.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Feedback Loops: You ask, they tell, you improve. Seamless feedback collection for a circle of constant refinement.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Auto-Image Optimization: Say goodbye to slow load times. Your images get automatically resized and optimized on the fly.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for GDPR Compliance: Privacy? We've got you covered. Automated tools to keep you in line with GDPR and other regulations.

Collapse
 
marcitpro profile image
Marcitpro

React is future

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Yes! The Google trends agree:

Image description

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Social Sharing Optimization: What's good content if it looks bad on social? Ensure your articles and posts are picture-perfect when shared.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Custom AI Solutions: Let the machines do the heavy lifting. Auto-categorize and tag your content while you sip on that latte.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for IoT Compatibility: Your website on your fridge. No, seriously! Sync up with smart devices for a fully integrated digital life.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Heatmap Analytics: A bird’s-eye view of where users are burning holes on your webpage with their clicks and stares. Vital for UX redesign.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for NLP Search: Forget keywords; ask questions. Search that understands you, making "Where's the FAQ?" obsolete.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Data Masking: No more peek-a-boo with sensitive info. Camouflage what shouldn't be seen, so only the right eyes catch it.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Predictive Analytics: A crystal ball for your content strategy. Unearth future hits with machine learning smarts.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Blockchain Integration: Ironclad trust meets the web. Think tamper-proof content logs that stand the test of time.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Gamification Elements: Turn user engagement into a game they can't quit. Points, badges, and the path to eternal glory.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Automated Translation: Speak everyone's language, literally. Real-time translations make your site a global village square.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Real-Time Notifications: Keep users in the loop with live updates and notifications. Always relevant, never spammy.

Collapse
 
opensourcee profile image
OpenSource Webcrumbs

Plugin for Geo-Fencing: Serve up sizzling local flavors straight to your visitor's plate. Like a GPS-based menu for content.