Newsfeeds

Paragraphs Content

New Drupal Modules - 4 January 2019 - 6:02am

Simple content types using paragraphs instead of the single body field.

Modules
  • paragraphs_content :: basic structure: media, filters, text editors, paragraphs
  • paragraphs_content_blog :: blog content type
  • paragraphs_content_page :: page content type
Dependencies
  • Paragraphs
  • Media
Structure
  • Paragraph types: image, text
  • Media types: files, image
Categories: Drupal

Agiledrop.com Blog: 2018 in review

Planet Drupal - 4 January 2019 - 5:33am

Happy New Year to everyone! We've prepared an overview of some of our greatest successes in 2018.

READ MORE
Categories: Drupal

The Five Minute Bard: Resources to Create Sharp Concepts in No Time Flat

Gnome Stew - 4 January 2019 - 5:00am

Image Courtesy of Pixabay “I’d like to teach the world to sing, but they’re all tone deaf.”

If your table is anything like mine, bards are primarily known for romancing their way out of combat encounters, only to have to then combat their way out of those romance encounters when plans inevitably go awry. There’s nothing wrong with that if your group enjoys following the exploits of your own personal pratfalling Mata Hari, but bards have a lot of potential to deepen gameplay in other ways. This article explores a few ways that bards can uniquely add to your game.

Musical Plot Lines

All over the world, since long before the advent of widespread literacy, song, poetry, and performance have been used to remember the history of nations and heroes; there’s no reason why in games such epics (and the rascals who know them well) can’t provide context for the rivalry between royal families, hints about the weaknesses of an ancient evil stirring after centuries of slumber, or even direct instructions as to how to make it through a trapped dungeon. Fantasy writers from J. R. R. Tolkien all the way to George R. R. Martin and N. K. Jemisin continue to use ancient stories, songs, and phrases in this way to flesh out the worlds of their novels (in particular, Jemisin’s Stone Lore could drive an entire campaign just by itself).

Songs are great for this purpose, as they can be scattered earlier in a campaign (or even a session) in the background, providing foreshadowing or clues for players without necessarily being obvious about doing so. …[songs] can be scattered earlier in a campaign (or even a session) in the background, providing foreshadowing or clues for players without necessarily being obvious about doing so. Share1Tweet1+11Reddit1Email For a non-fantasy example, Treasure Island by Robert Louis Stevenson did a great job with his “Dead Man’s Chest” song. The few lines from the novel were later expanded into a poem/song by Young E. Allison, and it’s well worth listening to the whole tune if you ever need to populate a sunken pirate ship with a bunch of undead with distinct and gruesome wounds.

As much fun as Treasure Island is though, my favorite source for musical inspiration will always be the Roud Folk Song Index. This catalog of English-language folk songs has tens of thousands of entries tailor-made for the fantasy gaming table, though many of the songs have topics and language that you may not want at your table. These songs have the advantage of usually being just obscure enough for your players to not already be familiar with them, but omnipresent enough to be vaguely familiar — songs as recent and popular as “The Streets of Laredo” and “Scarborough Fair” descend directly from entries in this index. …songs as recent and popular as “The Streets of Laredo” and “Scarborough Fair” descend directly from entries in [the Roud Folk Song Index]. Share1Tweet1+11Reddit1Email

If you want to jump in right away, my favorite songs from the early list are “Three Ravens/Twa Corbies,” “Two Sisters/The Wind and Rain,” “Cruel Lincoln,” “The Elfin Knight,” and “The Female Highwayman.” Any one of these songs can pretty much be dropped into a campaign unchanged to add a subplot or additional character, and it’s well worth diving into them — at the end of this article are a couple of resources to help you do so if you want.

Tactical Cacophony: the Music of Battle

In most if not all tabletop games, bards are simultaneously performers and magic wielders, capable of turning the tide of battle with either their music or their spells. This role is well-supported by old legends about bards, though like most low-level bards in modern games, apparently they spent much of their time insulting rats to death. …like most low-level bards in modern games, apparently [mythological bards] spent much of their time insulting rats to death. Share1Tweet1+11Reddit1Email

For a more grounded approach, you can also consider bringing in more martial applications of music. Horns, fifes (single-tube pipes), drums, and bagpipe music are all well-known accompaniments to ancient battles, providing everything from marching cadence to tactical signaling. These real-world examples can be a great illustration of and justification for Bardic Inspiration and similar powers for those groups that prefer to have detailed or evocative descriptions of these powers in action.

More spectacularly, bards may have access to instruments that serve a secondary function as weapons (or vice-versa). Using real world examples, bards could be familiar with a shakuhachi or a musical bow. The shakuhachi is a nearly two-foot-long flute with a heavy, bulbous tip. Played as a form of meditation, by some accounts, this instrument could also be used as an effective bludgeoning weapon, making it easier to smuggle into areas where characters are expected to disarm.

Musical bows are either dedicated instruments or converted hunting bows that are also a stringed percussion instrument with the addition of a resonator.

Of course, if your DM is more whimsical (or forgiving), bards always have the option of a flamethrower guitar or a guitar shotgun (if your group allows the guitar shotgun, let me know if you’re looking for a player).

Extra Credit: Bringing Custom Music to the Table

Okay, to be clear, obsession with bards aside, I have all the musical and rhythmic talent of a harmonica in a clothes dryer. The last time I tried to sing in public, the guy running the karaoke turned off my mic. …I have all the musical and rhythmic talent of a harmonica in a clothes dryer. The last time I tried to sing in public, the guy running the karaoke turned off my mic. Share1Tweet1+11Reddit1Email Originally, I was going to try to learn how to play the ukulele and re-do “Twa Corbies” for this article, but apparently, you can only learn that instrument in an hour if you have some minuscule fraction of ability to begin with. I have never been so disappointed in Amanda Palmer (NSFW language in video).

If you (unlike me) know one end of a musical instrument from another, doing something cool and ambitious like writing alternate lyrics to something from the Roud Folk Song Index would probably be pretty awesome. But if you can already do that, you probably wouldn’t be reading something called “The Five Minute Bard,” so let’s move on, shall we?

For those of us who don’t already have a great deal of ability, but want to come up with fun little tunes for our gaming groups, there’s something called Common Meter or Ballad Meter “tune swapping.” Songs using common meter (and there are a lot of them) use the same rhythm and rhyme patterns, meaning they can easily be swapped out for one another. This can be a fun party trick (singing Emily Dickinson’s “Because I Could Not Stop for Death” to the tune of the “Gilligan’s Island” theme is a hoot no matter how you look at it), but it also means you have a library of tunes and lyrics you can swap out with one another without any of your players realizing it. Here is an interactive example. A small selection of songs or poems in ballad meter is below:

  • “Greensleeves”
  • “God Rest Ye Merry Gentlemen”
  • “I Just Can’t Wait to be King” from “The Lion King”
  • “The House of the Rising Sun”
  • “Oh, Susanna”
  • “Yankee Doodle”
  • “America the Beautiful”
  • “Amazing Grace”
  • “The Yellow Rose of Texas”
  • Pretty much any famous Emily Dickinson poem
  • The Pokemon Season 1 theme song

So with that in mind: a super quick-and-dirty (and entirely untested) method for creating music for your group:

  1. Identify what you want to sing about.
  2. Identify a tune you like, or a couple of them from the list above. Mash them together or hum them until you’re comfortable with the results.
  3. Shamelessly raid the lyrics of the other songs in the list for turns of phrase you like, and shoehorn them in.
  4. Where necessary, swap out words to hide the source of your song or create new rhymes. If you’re looking for a quick and dirty way to hide clumsy rhymes, be sure to use the word you’re trying to rhyme with as the second word, and the clumsy imperfect word as the first one. So if you’re trying to rhyme with “mockery,” but can’t think of anything to rhyme it with other than “crockery”, you would do something like “The battle raged among the crockery/until the villain lost through vicious mockery” (Thanks to Rachel F. for that hot tip).
  5. Bask in the admiration of your gaming group. Or dodge thrown shoes, depending on your level of ability and the patience of your adventuring party.

Bards aren’t everyone’s favorite character class, but for those of us prone to a certain amount of mischief and scenery-chewing, they’re just too much fun to pass up. Hopefully some of these tools make it to your table, whether in the form of new tools for your bards to use, or in musically-themed adventures.

For those of you who play bards in your own games (or cringe at others who do), what do the bards in your home game bring to the table that no one else does? How do you make your games more musical?

Resources:
  • Every Folk Song: a podcast that promises to go through every song on the Roud Folk Song Index until the host gets tired of doing so — even though it only gets to song 11 (“The Baffled Knight”) it’s still a darn good podcast.
  • My personal Spotify playlist for the Roud Folk Song Index. This is a selection of my favorite versions of some of the first songs in the Roud Folk Song Index.
  • Learn to Play the Ukulele: Maybe you’ll do better than I did? Let me know your secret if you do.
  • Rhyming Dictionary: Because most of us can’t rhyme “the elves are attacking” without a little bit of Internet help.
Categories: Game Theory & Design

wishdesk.com: New Workspaces module in Drupal 8.6 and great content staging options

Planet Drupal - 4 January 2019 - 4:23am
Websites can be incredibly convenient and time-saving for administrators, and thus efficient for businesses.
Categories: Drupal

Test Output Viewer

New Drupal Modules - 4 January 2019 - 2:14am

The module provides a way to view browser test outputs through Drupal administrative interface.

Categories: Drupal

Drupal Association blog: Time again to review the DrupalCon Code of Conduct

Planet Drupal - 4 January 2019 - 2:14am

This time last year, members of the community collaborated on a major update to the DrupalCon Code of Conduct, and it proved to be a success. Indeed, we surveyed attendees after DrupalCon Nashville and asked the following questions:

  1. “On registration, and during the event, were you made aware of the CoC and how to report violations?”
    - 73% answered “yes”
  2. “Did the existence of the CoC make you feel safer, and more empowered to fully participate at this event?”
    - 70% answered “yes”

I also said that we would review the code on an annual basis and it is now time for this year’s review period. I am, therefore, inviting proposals for changes to the code on the community project at https://www.drupal.org/project/drupalcon_coc.

As it will soon be time to commit to printing the program guide and signage for DrupalCon Seattle 2019, we will make a release of the code on the 4th February 2019. Any issues not closed by that point will rollover until DrupalCon Minneapolis 2020.

I’m looking forward to reading your proposals for how we can continue to improve our Code of Conduct!

Categories: Drupal

OpenSense Labs: Blazing fast websites with Gatsby and Decoupling Drupal

Planet Drupal - 3 January 2019 - 11:01pm
Blazing fast websites with Gatsby and Decoupling Drupal Shankar Fri, 01/04/2019 - 12:31

F. Scott Fitzgerald’s ultra-modernist novel about jazz-age America, The Great Gatsby, has been regarded as one of the best books ever written. It has fascinated the readers by creating a sort of aftermath of wonder. Enter the digital age, there is another ‘Gatsby’ which is getting a wondrous reception and is in the reckoning for being a great tool when it comes to web development.


The emergence of the static site generation, where views are rendered in advance for mitigating the burden on APIs and other backend systems, is proving to be a remarkable solution for great web performance. Gatsby, as a static site generator, can dramatically metamorphose the web performance. It can be a magnificent option in combination with Drupal as the backend for building an enriching single page applications.

No wonder Kyle Mathews, the founder of GatsbyJS, tweeted in 2017:


GatsbyJS: Explained Gatsby Usage Statistics | Source: BuiltWith

Currently, GatsbyJS is on the rise when it comes to its usage as can be seen in the graph above. So, what is it? GatsbyJS, an open source static site generator, stitches together the best of ReactJS, Webpack, routing, GraphQL and other front-end tools into one very enjoyable developer experience.


Gatsby leverages powerful pre-configuration for developing a website. It has out-of-the-box capabilities for spectacularly fast page loads, data prefetching, asset optimisation, code splitting, server-side rendering, service workers, and intelligent image loading.

Features of Gatsby Source: Gatsbyjs.org

Following are the reasons that should be considered while choosing Gatsby:

Well-architected plugin system

With Gatsby, content is written as React components and is rendered at build time to the Document Object Model (DOM) as static HTML, CSS and JavaScript files. With a rich data plugin ecosystem, the static content rendered can be sourced from a plethora of sources and formats constituting markdown, CSV (Comma-separated values), and from content management systems (CMS) like Drupal.

Magnificent Scalability

Gatsby can scale to the entire internet as it builds the site as static files that can be deployed with ease on numerous services. It helps in letting go of intricate deploys involving databases and servers, their time-intensive setup costs, maintenance among others.

Performance and Progressive Web Apps out-of-the-box

Gatsby enforces best practices and optimises your site by default. When the build process runs, static HTML files are created for individual pages to offer swift initial load times.

When the page is loaded by the browser, Gatsby boots up React and navigates around your site as if you were navigating through a single page application with near-instant transitions without page reloads.

Gatsby prefetches adjacent/related page content in the background which nullifies any chances of delay when the user clicks on a link. The client-side experience is awesome with JavaScript enabled as there is no loss of content or navigation if the user has JavaScript disabled.

Gatsby can offer offline support as well with the addition of a single plugin thereby making your site into a full-blown progressive web app (PWA).

JAMstack setup

A paradigm shift has been occurring in the web development arena with JAMstack setup taking the centre stage. The amalgamation of client-side JavaScript, reusable APIs, and prebuilt Markup is the future of web development. Gatsby can be a stupendous JavaScript framework for a JAMstack-powered web application.

Merits of Integrating Gatsby and Drupal

Drupal is great for its provision of intricate page layouts or content modelling with numerous sections per page. It is an amazing solution for the teams with multi-stage content creation and assessment processes. Decoupled Drupal is an astounding solution for building enterprise-grade websites and has the deep-rooted support of Drupal Community leaders. 

Leveraging the benefits of Drupal with Gatsby is an amazing approach towards getting an enterprise-level CMS for free in addition to modern development experience and the merits of JAMstack such as security, scalability and performance. One of the great examples of implementation of decoupled Drupal and Gatsby can be seen through the demo site of Umami Food Magazine which is powered by Contenta CMS, headless Drupal distribution, and GatsbyJS.

Incorporating Gatsby in a decoupled Drupal setup enables you to access the impressive content architecture and access workflow capabilities of Drupal 8 in addition to the splendid UI creation and performance toolset of Gatsby. Moreover, both Drupal and Gatsby are open source, have a huge and active community presence and a wonderful ecosystem of add-on modules or plugins. To add to that, the built-in web services of Drupal 8 streamlines the integration process.

Demonstration


To integrate Gatsby to a new or existing Drupal site, gatsby-source-drupal plugin is added to the Gatsby site. Gatsby-source-drupal plugin is a source plugin that is used to pull data into Gatsby from Drupal sites and it does so with the help of JSON:API module. It is followed by configuration of the plugin with your Drupal credentials and hosted URL. You can, then, access the Drupal data with the help of GraphQL queries.

A digital agency exhibited a demonstration that pulls Drupal content into a Gatsby site. It had a Drupal 8 site already installed and created a content type named Coffee with three fields: Title, Body and Image. Drupal was made into an API server with the installation of JSON:API and JSON:API Extras modules. For accessing the JSON API resource list, anonymous user permission was given.

This was followed by building process of Gatsby site called coffees.gatsby by making sure that the node and npm are installed on the computer. Then, the content was fetched from the Drupal server. For this, a simple page was created to display all the coffee types from the Drupal site.

Then, gatsby_source_drupal plugin was used to read Drupal content from the default endpoint /jsonapi. GraphQL was utilised to query all the coffee nodes from Drupal. Finally, the Gatsby site was published by simply copying or pushing contents in /public to the server.

Conclusion

Gatsby is an incredible static site generator that streamlines the process of creating blazing fast websites. Gatsby extracts data from sources like Drupal and then uses that data for generating static pages at build time. The data sourced from numerous backends can even be merged. This technique helps in extracting the benefits of both static sites like speed, ease of deployment etc. and the content management systems like the easy update process, user-friendly editorial interface etc.

Coming together of Drupal and Gatsby renders incredibly fast static pages and then merges that with traditional React for user authentication and personalisation.

We are committed to the provision of ambitious digital experiences with our expertise in Drupal development.

Contact us at hello@opensenselabs.com to get the most out of Drupal + Gatsby integration.

blog banner blog image GatsbyJS Gatsby Decoupling Drupal ReactJS React Drupal 8 Drupal GraphQL JAMstack Progressive Web Application Progressive Web App PWA Blog Type Articles Is it a good read ? On
Categories: Drupal

CVAA accessibility rules come into effect for games as FCC waiver expires

Social/Online Games - Gamasutra - 3 January 2019 - 12:01pm

Games released after the expiration date of December 31, 2018 have a set of new communication-focused rules to keep in mind to stay on the up-and-up with the FCC and dodge potential fines. ...

Categories: Game Theory & Design

Background Image Field

New Drupal Modules - 3 January 2019 - 9:20am
Background Image Field

Background Image FIeld module allows you to create a field on an entity type. It requires responsive images mapping in order to offer the best image quality for the device it is rendering on. The field will define the CSS selector to attach the background image too and then allow you basic CSS options repeat, size, and position so you can define a per image solution for your frontend needs.

Categories: Drupal

Inline Entity Form Drag & Drop Categories

New Drupal Modules - 3 January 2019 - 8:51am

This module provides drag & droppable categories from taxonomy terms and entity inline form tables.

1. Go to /admin/config/content/ief_dnd_categories
2. Select one or several reference fields containing a taxonomy term reference, used by an inline entity form
3. Set the form field widget to 'Inline entity form - Complex'
4. Set the field format plugin to 'DnD categories field formatter'
5. Enjoy !

Categories: Drupal

Legal Challenges in the Games Industry in 2019 - by Brandon Huffman

Gamasutra.com Blogs - 3 January 2019 - 8:13am
2018 was an eventful year from a legal perspective in the video game industry. At Odin Law and Media, here’s what we’re anticipating to see as growing legal challenges in this space in the new year.
Categories: Game Theory & Design

Developing an adventure game framework for Unity - by Marcus Bäumer

Gamasutra.com Blogs - 3 January 2019 - 8:12am
A short overview of how we implemented a basic Unity framework for narrative games written in Ink.
Categories: Game Theory & Design

Ubercart Only One

New Drupal Modules - 3 January 2019 - 7:12am

This very small module (to be uploaded) extends the "Default Quantity = 0" functionality to the shopping cart, preventing customers from changing their quantity by disabling the quantity field in the shopping cart.

The "add to cart" form had disabled the quantity field, but in some cases buyers mistakenly bump the quantity before checkout.

Our use case is class registrations, where we want unique information per attendee.

For Drupal 8 only. Either install and enable the module or just copy the code into your custom module.

Categories: Drupal

Commerce Atos WOPA

New Drupal Modules - 3 January 2019 - 7:12am
Categories: Drupal

Dru

New Drupal Modules - 3 January 2019 - 6:20am

Helper module

Categories: Drupal

GDPR OneTrust

New Drupal Modules - 3 January 2019 - 6:12am

This module intends to deal with the EU Directive on Data Protection Regulation that comes into effect on 25th May 2018. From that date, if you are not compliant or visibly working towards compliance, you run the risk of enforcement action, which can include a fine for a serious breach.

The module displays a overlay at the top of website to make users aware of the fact that cookies are being set. The user may then give his/her consent or move to a page that provides more details. Consent is given by user pressing the agree buttons or by continuing browsing the website.

Categories: Drupal

Captcha The Flood

New Drupal Modules - 3 January 2019 - 5:52am

Captcha The Flood (CTF) uses Drupal's built-in flood control and reCAPTCHA to protect your site's assets from robots' poisonous gases.

Rather than immediately blocking suspicious IP addresses, it displays a CAPTCHA challenge that should stop robots from being able to continue to use your site.

Lick my battery, robots!

Categories: Drupal

Droptica: How did we help to double mobile sales in a Drupal Commerce store?

Planet Drupal - 3 January 2019 - 4:50am
At Droptica, we designed, made and implemented a new design of an online store for mobile devices for one of the oldest publishers in Poland. We used Drupal 7 Commerce and did some search engine optimisation. The results? Increased sales.
Categories: Drupal

ARREA-Systems: Hook form with build validate and submit

Planet Drupal - 3 January 2019 - 12:18am
Hook form with build validate and submit

Context

EK application has a module that store personal documents for user. When user account is deleted, those documents may be transferred to another account.

To achieve that, we need to alter the user account cancel form when building the form, validating and submitting it.

Let's review the 3 steps.

 

BUILD

The form before altering it looks like this

We need to add a field to select another user account to which the document of the canceled account will be moved to.

To achieve that we Implements hook_form_alter() in MyModule.module:

Categories: Drupal

OpenSense Labs: Leaping forward with Drupal and React

Planet Drupal - 2 January 2019 - 11:42pm
Leaping forward with Drupal and React Shankar Thu, 01/03/2019 - 13:12

Digital transformation is at the helm of every enterprise to keep up with the rapid technological advancements. The New York Times, a leading international news media, leads by example in such changing times. It is not just known for its premium content but also for the astronomical presence both in the print and the digital medium. React has been at the forefront of its digital evolution to make its site faster and easier to use for both the readers and the developers alike.


Large organisations like the New York Times are leaping forward with their inclination towards best-of-breed web technologies like React. Any front-end technology React would require a RESTful service-based backend for storing data and implementing business logic. This is where Drupal makes a big impact with its RESTful services that are built into its core. Before we move onto the exploration of the amazing duo of Drupal and React, let’s explore React.

React: The Incipiency

The first signs of React can be traced back to 2010 as stated by RisingStack. React kicked off as a JavaScript port of XHP which was introduced by Facebook into its PHP stack and was open sourced. XHP majorly accounted for reducing cross-site scripting (XSS) attacks.

React was introduced in 2013 and was made open source.

The biggest obstacle with XHP was that dynamic web applications needed numerous round trips to the server which could not be achieved by XHP. This paved the way for ReactJS. FaxJS was the early prototype of React which came into the limelight in 2011. Ultimately, in 2013, React was introduced and open sourced.

Since then, React has swiftly gone on to become a popular choice (as can be seen in the graph below) because of its declarative style and the dearth of assumptions about your tech stack. Today, React has a large ecosystem comprising of top-of-the-line libraries, conferences and jacked-up demand for developers with React skills.

React Usage Statistics | Source: BuiltwithThe World of React React is a JavaScript library for building user interfaces - reactjs.org


ReactJS is a JavaScript library created by a Facebook engineer named Jordan Walke. It is a declarative and a component-based solution for building web applications. It is great for the following reasons:

Provision of declarative views

With its declarative views, your code becomes simpler and foretellable while debugging thereby allowing you to develop interactive UIs and design streamlined views for each state in your application. In case of any alterations in the data, React can let you efficaciously update and render the right components.

Facilitation of writing components

Passing rich data through your app and keeping the state out of the Document Object Model (DOM) is possible as the component logic is written in JavaScript instead of templates. React helps in creating encapsulated components for managing their own state which can, then, be composed for making intricate user interfaces.

Focused and easy-to-learn

Unlike Angular or Vue.js, ReactJS is a library and not a full-featured framework. It emphasises on one thing and doing it properly. It is consistently leveraged in association with other JavaScript libraries. So, there is a shorter learning curve vis-à-vis understanding React in comparison to other comprehensive libraries. It does not assume anything about your existing tech stack which helps in developing new features in React without having to rewrite existing code.

React for mobile app development

React Native is advantageous for its portability and the ability to reuse components, real-time reload and modular architecture, open source and generous ecosystem.

React + Drupal

As an open source content management system, Drupal has witnessed a staggering growth over the years (as can be seen in the graph below). It offers a magnificent suite of tools for data modelling, editorial workflow implementation and the coding custom application logic. It has spectacular support for JSON API or GraphQL web services which makes it a splendid choice as the backend for a React application.

Drupal Usage statistics | Source: Builtwith

Whether few of the elements on an existing web page has to be enhanced or a fully decoupled single page application needs to be created, the duo of Drupal and React can do it all. Implementation of Drupal and React together can be performed with a fully decoupled or headless approach; and progressively decoupled approach.

Decoupled or Headless Drupal with React

With the powerful web APIs, Drupal simplifies the creation of headless applications. Several lighthouse applications have been created with Drupal as the backend and powerful demo systems and starter kits like Reservoir and Contenta have burst onto the scene.

In a headless approach, Drupal is leveraged as the backend for a frontend application built in React. Usually, headless applications are utilised for showing content and the editing of content is still done in the backend. But React can also be used for the creation of wonderful editorial experience. With Drupal’s powerful REST APIs, integration of a decoupled editing system can be done. Drupal Europe 2018 had a session that demonstrated how to create an enterprise-level editorial experience for Drupal 8 with the help of React.


It exhibited a decoupled application with React that can let you edit content directly in the frontend. Leveraging React to the fullest, a modern editorial experience was created with in-place editing, context-sensitive editing, drag-and-drop content placement and creation and a lot more.

Progressively Decoupled Drupal with React

To strike a balance between editorial needs like layout management and developer’s desires, progressively decoupled Drupal allows you to interpolate a JavaScript framework into the Drupal front end.

OpenSense Labs has revamped the website of the Produce Market Guide (PMG), a resource for produce commodity information, fresh trends and data analysis, with help of progressively decoupled Drupal and React among others.


ElasticSearch Connector and Search API modules were utilised for the creation of mapping and indexing on Elastic Server. The development of Elastic backend architecture was followed by the building process of faceted search application with React and the integration of the app in Drupal as block or template page.

The project structure for the search was designed and developed in the sandbox with modern tools like Babel and Webpack and third-party libraries like Searchkit, which is a suite of React components that communicate directly with Elasticsearch cluster, turned out to be of great help with its fully customisable solution.

Logstash and Kibana, which are based on Elasticsearch, were integrated on the Elasticserver for collecting, parsing, storing and visualising the data. The app in the Sandbox was developed for the production and all the CSS/JS was incorporated inside the Drupal as a block thereby making it a progressively decoupled feature.

The project, that followed the principles of Agile and Scrum, resulted in a user-friendly website for PMG with a search application. It loaded the search results faster.

Conclusion

Drupal and React together can help enterprises to leap forward in the digital space. Drupal’s RESTful services-based backend and React with its amazing capabilities as the frontend can prove to be a remarkable solution.

We remain steadfast in our goals of fulfilling the digital transformation endeavours of our partners with our suite of services.

Contact us at hello@opensenselabs.com to build a Drupal website using React as the front-end technology.

blog banner blog image Drupal 8 ReactJS React JavaScript Headless Drupal Decoupled Drupal Progressively decoupled Drupal Blog Type Articles Is it a good read ? On
Categories: Drupal

Pages

Subscribe to As If Productions aggregator