Ideal frontend framework to be used with Q2's Jinja CSR?

Question

Hi folks This is more of a curiousity question rather than serious or help seeking question I m trying to get the know the Q2 s ecosystem and would like to know what framework on frontend we all typically use here for extensions 1 What framework library you guys use for interactivity reactivity on frontend Why 2 I ve used https alpinejs dev before and would like to know if anyone here used alpine js for q2 s CSR extensions I think alpine js would be a great framework to be used with Q2 s jinja html pages Any thoughts on this https github com vuejs petite vue would be a great alternative https aurelia io docs could be good but I do think that might be really overkill I think I ll go with AlpineJS here since its really lightweight and requires no building tool 3 Angular React Eleventy NextJS Remix SolidJS etc doesn t seem like a good fit for Q2 s jinja html pages because those frameworks library can t really be embedded into jinja html pages seamlessly without some serious NPM tooling is this assumption fair If not what s your counter argument

Trey Teter · Accepted Answer

Anyone that has built a CSR extension probably can give their valuable experience here. The idea with CSR is to use a frontend framework of your choice and then call back to your CSR extension via tecton.requestExtensionData.

The Q2 SDK team has extensively documented the React framework and I have seen many extensions use React. It is evident that the team is very familiar with React. There is a first class guide on it with proper support. See the example at https://gitlab.com/Q2Antilles/sdk-examples/sdk-tecton-examples/-/tree/master/React
Using something like Alpine is definitely possible. There may be some challenges with it. Namely integrating Tecton into Alpine might be a challenge. It should work though.
Because Client Side Rendered extensions built with react doesn't use jinja there isn't really an issue. Having first class guide support is just hard to pass up.

Regardless, I would recommend using 2.115.0 or newer on SDK versions there are a lot of quality of life improvements that happened in that version that will make things easier.

		
				2
				
Posted 
	4 years ago

					⠿More
				  		
			 Report
		
					Trey Teter
				
					124
 × 2
					Administrator

Answers