All RPGs and Storygames by Tod Foley are now available at DrivethruRPG and RPGnow. Bring these games to your table!
“That’s a beautiful view!”, you exclaim when you witness the sunset while standing on a beach with waves touching your feet. That is when you come out of the rut, leave behind the humdrum life of city and ‘really’ feel a natural beauty. There is another view in the digital landscape that will make you exclaim, “wow!”, and that is Vue.
Vue.js is fantastic for developers to build applications faster and make it more attractive and user-friendly. In combination with Drupal, one of the leading open source content management systems, Vue JS can be a brilliant option for web development needs.
Browsers that we see today are did not have the sort of functionalities until the early 2000s. They were much less powerful and, performance-wise, there was no feasibility in creating intricate applications inside them.
The usage of VueJS has seen a tremendous rise over the years as represented in the graph below.Usage statistics of VueJS | Source: BuiltWith
VueJS scores heavily when it comes to high traffic websites. Organisations in need of a web development solution that can scale well during a high spike in traffic are opting for VueJS as can be seen in the graphical representation below.
Meritorious features of VueJS
Following are some of the benefits of VueJS:Smaller in Size
Moreover, it has a simple structure which is great for both small and large scale template development and saves a lot of time as a result. You can even trace the blocks with errors due to its simple structure.Easy integration
It facilitates developers while integrating with existing applications which makes it a great prospect for developing new web applications and changing the pre-existing applications. The integration is possible because it has components for everything.Exhaustive Documentation
The documentation of VueJS is very detailed, simple to understand and constitutes several code examples. It has a growing community of developers that can assist when needed.Immense flexibility
Its MVVM architecture (Model-view-viewmodel) helps in facilitating two-way communications for easy management of HTML blocks.Implementing VueJS with Drupal
Like VueJS, Drupal is very scalable and has been powering high-traffic websites around the world. It also has been outperforming other leading content management frameworks in this criteria.
The blend of Drupal and VueJS, which are both preferred for their scalability, can be a remarkable option.
One of the ways of utilising VueJS with Drupal is the development of single page application as we have discussed in an earlier blog. It involves the installation of Drupal 8 on the local system followed by the creation of custom content types, adding views, and enabling REST API.
Then, you can start building front end with VueJS and create single page application. This would involve setting up of Vue project with Vue CLI. Once this is done, the addition of Vue router and Vue resource is performed. Vue router, the official router for VueJS, deeply integrates with VueJS core is similar to the angular router (of Angular JS) and react router (of React JS). Vue resource is the plugin for VueJS that offers services for making web requests and govern responses. Then, you can start modifying main.js file to use Vue routers and Vue resources and modify the app.js to work with the router followed by setting up of app components and routers.Use case
Arbetsförmedlingen, Swedish Public Employment Service, benefitted from the amalgamation of Drupal and VueJS. Drupal Europe 2018 had a session that talked about how a video platform that was built for the Swedish government.
The platform used podcasts, video on demand and live broadcast for the dissemination of their content. They needed a new platform where these different sorts of media could be imported and metadata could be added for easily grouping them and filtering them out.
RESTful Web Services and Serialisation modules were enabled that gave the ability to create normal views as REST export and Axios, a promise-based HTTP client that has an easy-to-use API and can be leveraged in both the browser and NodeJS, was used for the consumption of data. Theme structure comprised of the twig, JS and CSS. Pluggable VueJs components were utilised and event handling configuration was shown through ‘Load More’ button.Conclusion
The amalgam of Drupal and VueJS can be a rewarding solution that can help fulfil your digital transformation dreams.
We are devoted to providing ambitious digital experience to our partners through a suite of services.
Ping us at firstname.lastname@example.org to get the best out of Drupal and VueJS amalgamation.blog banner blog image VueJS Drupal 8 Blog Type Articles Is it a good read ? On
A tiny module to add a missing "Edit" button to the Media Library widget that routes to the Media entity edit form.
Applies via third-party widget settings and the widget alter hook. Currently only applicable to fields with cardinality = 1.
Join Ang and get to know one of the newest Gnomes, Jen, in this “Meet a New Gnome” episode of Gnomecast! Learn about Jen’s start in gaming and her plans for future games, conventions, and Gnome Stew articles! Will Jen’s game theme extremes be enough to help her avoid the stew?
This module adds a configuration section to a node form to select a Group and make it part of it.
By Default, Group module does not allow to map a node to a group from the node itself, however, there is a specific way it needs to be done.
Group administration page has one section called Related Entities, where an existing or a new entity can be attached to a group.
Create points on images, and render entities on hover.
One example use case for this module is creating "environment images" with products, and view a view mode of this product on hover. This way a user can add all of the products of an "environment image" to the cart, without leaving the context of the editorial content.
GIves webmaster the hand to choose title length of an entity (Ex : node).
A module that provides API integration to 200 Words a day service.
Only provides the m200wad_api.client service. You still need to implement either hook or Dependency injection to use this module to post to 200wad.
Development happens in Github
This will create a paragraph with two field and button to get the Geographic Coordinates, for Drupal 8. Also it will provide you the link of that location, it is usefull when you want to get Geographic Coordinates easily to use it any purpose.
In the wake of the big (now resolved) dispute between SpatialOS dev Improbable and Unity, Cryengine maker Crytek has reaffirmed its commitment to providing an open platform in a post on its blog. ...
Don't miss all the great GDC 2019 talks aimed at helping you become a better live game developer! Catch these talks from folks who've worked on Fallout 76, Armello, Path of Exile and more! ...
Progressively decoupled Drupal has gone from concept to buzzword. Until recently, when we've started to witness sustained efforts being made to set up a standard workflow for implementing this architecture.
New dedicated modules have been developed to fit those use cases where just a few particular blocks, affecting the website's overall performance, need to be decoupled. All while preserving Drupal's standard robust features.
Features too famous among content editors and site builders to be sacrificed in the name of high speed and rich UX.
We've gradually shifted focus from “Why would I choose progressive decoupling over a headless CMS?” to:
Provides extra features for the EU Cookie Compliance module.
Just over a year ago I decided to repurpose an internal contrib-focused meeting and make an open meeting to support contributing to Drupal, called the Contrib Half Hour. Along the way we moved its time a little later to avoid conflicting with another important community initiative and then restructured it to add focused meetings for certain topics. To make things even better, almost all meetings have been recorded and uploaded to our Youtube channel. 2019 is going to see some additional changes that I'm excited to start on.Our Q&A have issues
Throughout the year it became apparent that there was a huge overlap between the Q&A meetings, where we'd focus on general questions and discussions from the community, and the issues lab, where we'd focus on specific drupal.org project issues. While there's definitely a case for both, the overlap became somewhat naturally as the Q&A days had us often look at Drupal issues.
As a result of this we're going to combine the Q&A and Issues Lab days into one that'll be more open ended, letting us focus on general discussions some days and specific issues other days.The testing shall continue until code improves
We're also continuing our dedication to helping people learn how to write code tests for their modules and themes. While during 2018 we focused on functional testing for Drupal 7 and 8, I'm aiming to expand our coverage (ba-dum-dum) in 2019 to also include unit testing.
I'd also like to open an invitation for folks to join our testing lab who are starting to write tests to join our labs where we'll be able to help.Upgrade Lab: Time to upgrade
It was announced late last year that Drupal 9 will be released in June 2020 and that Drupal 7 and 8 will reach their end-of-life in November 2021. The main driving factor behind these dates is that the various libraries Drupal 7 and 8 depend upon will all have reached their end-of-life in November 2021 and so will no longer receive security updates from their respective maintainers. To avoid needing to come up with a plan to provide security coverage for a huge number of out-of-date 3rd party libraries, the Drupal core maintainers are dropping support when the other libraries also stop being supported.
It was also revealed that the usual upgrade anxiety for major releases of Drupal (5 to 6, 6 to 7, etc) would not be the case for Drupal 9. The plan is two release Drupal 9.0.0 and the final minor release of Drupal 8 on the same day, with the only difference being that all deprecated D8 APIs are removed from D9. As a result it will be relatively easy to upgrade from Drupal 8 to 9, “just” update all contrib code and custom code to no longer use the deprecated APIs along the way, and in theory everything should just work.
With this in mind we think it's time for people running Drupal 6 and 7 sites to start looking to upgrade to Drupal 8. Towards that goal we're going to have a regular meeting where we look at the steps to upgrade a site to Drupal 8 using the bundled Migrate system. We'll look at what's involved, how it works, how to plan for it, and how to help contributed modules support Drupal 8's upgrade solution. I'm intending that we'll be able to collaborate on improving both core and contrib's upgrade functionality, and in so doing help all sites looking to upgrade. I'm also hoping that we might be able to provide some assistance to folks attempting custom upgrades using Migrate's APIs, but we'll see how it goes.Schedule
Our schedule for the next few months looks like this:
- January 3: Q&A
- January 10: Turning custom code into OSS
- January 17: Q & A & Issues
- January 24: Testing Lab
- January 31: Upgrade Lab
- February 7: Presentation TBD
- February 14: Q & A & Issues
- February 21: Testing Lab
- February 28: Upgrade Lab
- March 7: Presentation TBD
- March 14: Q & A & Issues
- March 21: Testing Lab
- March 28: No meeting
- April 4: Upgrade Lab
- April 11: Presentation TBD
- April 18: Q & A & Issues
- April 25: Testing Lab
- May 2: Upgrade Lab
- May 9: Presentation TBD
- May 16: Q & A & Issues
- May 23: Testing Lab
- May 30: Upgrade Lab
We're going to continue meetings at the same time each month, using the same video conferencing provider:
- Time: 10am PDT / 1pm EST / 6pm GMT
- Conference: https://zoom.us/j/570818413
And remember, if you're not able to join us then you can always catch up later as all meetings are recorded, when I don't forget to hit the record button that is.
See you then!
This coming weekend is the Drupal Global Contribution Weekend where small local contribution groups volunteer their Drupal development at the same time throughout the world. This year there are local groups gathering in Canada, England, Germany, India, Russia, Spain, and the United States.