Sokan Academy

Mithril: فریمورک جاوااسکریپتی اپن‌سورس برای طراحی رابط کاربری

Mithril: فریمورک جاوااسکریپتی اپن‌سورس برای طراحی رابط کاربری

Mithril یک فریمورک جاوااسکریپتی بر پایهٔ معماری سه‌لایهٔ MVC است که برای طراحی اپلیکیشن‌های سمت کاربر به خصوص Single Page Application یا به اختصار SPA مورد استفاده قرار می‌گیرد. یکی از برگ برنده‌های این فریمورک حجم بسیار پایین آن است که آن را به گزینهٔ بسیار مناسبی برای توسعه‌دهندگانی که سرعت برایشان مهم است مبدل می‌سازد.

در صورتی که بخواهیم این فریمورک را با سایر رقبایش همچون آنگولار،‌ ویوجی‌اس و ریئکت مقایسه کنیم، به گفتهٔ سایت رسمی Mithril، این فریمورک سریع‌ترین نتایج را در رابطه با لود کردن و رندر کردن به خود اختصاص داده است.

راهنمای نصب Mithril
جهت نصب این فریمورک نیاز به NPM خواهید داشت که پس از اطمینان حاصل کردن از نصب این ابزار روی سیستم خود، با کامند زیر می‌توانید این فریمورک را دریافت نمایید:

$ npm install mithril

آنچه در ادامه مشاهده می‌کنید، نمونه کدی از این فریمورک است:

//model
var Page = {
	list: function() {
		return m.request({method: "GET", url: "pages.json"});
	}
};

var Demo = {
	//controller
	controller: function() {
		var pages = Page.list();
		return {
			pages: pages,
			rotate: function() {
				pages().push(pages().shift());
			}
		}
	},

	//view
	view: function(ctrl) {
		return m("div", [
			ctrl.pages().map(function(page) {
				return m("a", {href: page.url}, page.title);
			}),
			m("button", {onclick: ctrl.rotate}, "Rotate links")
		]);
	}
};

//initialize
m.mount(document.getElementById("example"), Demo);

در پایان لازم به ذکر است که مرورگرهای مدرن امروزی و حتی IE9 نیز به خوبی از این فریمورک اپن‌سورس پشتیبانی می‌کنند.

این محتوا آموزنده بود؟
جاوا اسکریپترابط کاربری
UI / UX-topic-cardاز مجموعه UI / UX

sokan-academy-footer-logo
کلیه حقوق مادی و معنوی این وب‌سایت متعلق به سکان آکادمی می باشد.