New video series: Building with XenForo 2

A long time ago, in a forum not particularly far, far away (may the fourth be with you), we produced a series of videos showing off how easy it was to build rich pages with XenForo's templates and javascript framework.

While many of the principles demonstrated in these videos remain a key part of XenForo 2, most of the syntax employed by XenForo 1 back then has changed, and there are many more tools at your disposal, like entities and command-line functions.

Building with XenForo 2


Alongside the release of XenForo 2.2.5, it seemed a good time to put together a new series, rounding up all of the key parts of XenForo add-on development, starting with the basic steps of creating a new add-on and moving on to the template system, working with the database using finders and entities, creating and editing content, putting together paginated lists of content items and extending existing classes to add new functionality.

We hope that the videos have something for everyone, from those who are only just starting to think about building with XenForo to those who have been doing so for ages, and may even trigger the realisation that XenForo is not solely a platform upon which add-ons for XenForo can be built, but rather a community framework, capable of acting as the foundational layer for rich community applications in their own right.
Video series logo - Building with XenForo 2
Parts one and two of the series are released today, with parts three and four to follow tomorrow.

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

On Thursday, as part of XenForo Insights Episode 6 (9am US Central, 3pm UK time via Zoom) we'll have a live recap of the steps so far, and a look ahead to what's in parts five and six, which will be posted immediately following the webinar.

Further parts of the series will be released in the coming days.

Each new part posted will be added to the Building with XenForo 2 playlist.

If you have any comments or suggestions, please post them here in this thread rather than over at YouTube so we can handle them like other content posted here and ensure that they receive the attention they require. As always, requests for technical support should be directed to the appropriate forum.

Here is a list of the videos in the series, which we'll keep updated as new parts are published:
  1. Getting started
  2. Creating and linking test pages
  3. Passing variables to templates
  4. Working with the database - entities and finders
  5. Creating a custom entity
  6. Creating, editing and saving content
  7. Building a form
  8. Listing your content
  9. Paginating your content lists
  10. Class extensions and self-to-many relations
  11. Implementing inline editing with the XF javascript framework
  12. Utilising the Delete controller plugin
  13. Working with permissions
  14. Implementing Reactions
  15. 2022 series...
 
Last edited:
Part 10, 5:36, right after the warning "If you extend the User entity with something that doesn't work, everything will blow up", everything blew up. :LOL:

Edited to add.
Never mind. Had a typo in Demo\Pad\Entity\User.
 
Last edited:
Thanks a ton for these video series, @Kier I cannot thank you enough for this. I'm relatively new to addon development (didn't build any on XF1, so it's kind of starting from scratch for me).

I had built a Sportsbook one for practice purposes but didn't release it because I fear I may not have used/followed best practices. These videos are giving me a lot of insights and learnt a good 10-15 new things easily that I wasn't aware of.

I know it's a lot of ask (since you ought to be super busy), but any chance these will be continued? I'm particularly interested in list view filters and setting up Admin options.
 
Live templates now available here: https://xenforo.com/community/resources/phpstorm-live-templates-for-xenforo-2.8382/

screen-recording-2021-05-10-at-12-22-28-animated-screencap-5fps-gif.251620
This is awesome. But I can't afford PhpStorm :p

Any chance anyone know if something similar is available for Visual Studio Code or Atom?
 
This is awesome. But I can't afford PhpStorm :p

Any chance anyone know if something similar is available for Visual Studio Code or Atom?
 
I couldn't see this covered anywhere, but when you changed the template for the demo notepad it wasn't ever explained or shown as such when you get to step 11 you need to code your own rather than work along with what you have been doing.

Just wondering if the CSS and template changes you made can be released to access or quickly written up so we can use them?
 
Top Bottom