<style>/*<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6141086089106781178&zx=195c4a10-da4a-4156-ab35-ac0c25cb158e' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6141086089106781178&zx=195c4a10-da4a-4156-ab35-ac0c25cb158e' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

</head><body>*/</style>

Application Development Service (Vue / React)

Muhammad Brian Ivan Haris

Jul 23, 2023

Vue and React are two popular JavaScript frameworks used for building user interfaces.

What Is Vue?

Vue is a progressive JavaScript framework that is incrementally adoptable and is designed to be very lightweight, flexible, and powerful. It’s built on a component-based architecture, and its focus on components makes it easier to create dynamic user interfaces. It also has a powerful, two-way data binding system, which allows us to easily keep our data and the user interface in sync.

What Is React?

React, on the other hand, is a JavaScript library for building user interfaces that was created by Facebook in 2013. It was first used to build the Facebook website and has since become one of the most popular JavaScript frameworks for developing web applications.

What To Choose?

Both Vue.js and React have their strengths and are suitable for different types of projects and development preferences. The choice between them often depends on factors such as the project requirements, team expertise, and development objectives.

Service

Are you looking for an application development service that uses Vue/React? Whether you need a simple application or a complex one, we have the skills and expertise to get the job done right. Contact us today to learn more about how we can help you with your application development needs.

Our Recent Work

Disclaimer : Below is a project that permitted to be posted in public

Al-Qur'an-ul Karim (Vue Application)
An Instagram like Al-Qur'an for Muslims.
Feature :

Serverless
Using Quran.com API v4
Random surah
Search translation content
Ayah per page
Favorite + Bookmark
Dark Mode
Share and Download
Quiz

Thaiba Craft (Vue Website)
Landing page for export company based in Indonesia.
Feature :

Build using Locofy
Serverless
SEO Optimized

Disenkan (Vue Website)
Landing page for logo design studio based in indonesia.
Feature :

Serverless Site
Serverless Contact Form
SEO Optimized

Product Catalog (React App)
Assigment Project for Bootcamp in Amandemy.com
Feature :

Serverless
CRUD using API
Authentication using API
Authorization using API

React Service Vue

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4jXX61xJAScU4irX7uAzOiw8_0FQ:1731589116256';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6141086089106781178','//www.mbrianwebsite.com/2023/07/application-development-service-vue.html','6141086089106781178');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6141086089106781178', 'title': 'MBrian Website', 'url': 'https://www.mbrianwebsite.com/2023/07/application-development-service-vue.html', 'canonicalUrl': 'https://www.mbrianwebsite.com/2023/07/application-development-service-vue.html', 'homepageUrl': 'https://www.mbrianwebsite.com/', 'searchUrl': 'https://www.mbrianwebsite.com/search', 'canonicalHomepageUrl': 'https://www.mbrianwebsite.com/', 'blogspotFaviconUrl': 'https://www.mbrianwebsite.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-H0WYSL574L', 'analytics4': true, 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22MBrian Website - Atom\x22 href\x3d\x22https://www.mbrianwebsite.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22MBrian Website - RSS\x22 href\x3d\x22https://www.mbrianwebsite.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22MBrian Website - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/6141086089106781178/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22MBrian Website - Atom\x22 href\x3d\x22https://www.mbrianwebsite.com/feeds/3946405970115082669/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/a4858bff8adcc0f1', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Selengkapnya \xbb', 'pageType': 'item', 'postId': '3946405970115082669', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAsT1vaHnu9HpZViR-LC5SvRKveIsfHNfJC9ODCpdI8dSsHyB8SPqCjVUEV5_tjUZv5bh38e7fy-WfumeBjLtOVlO91n6nv4IfcpkJyP0lm9XQLTKCZXXhmNNJSYI4ZJCn1-lnrcUz521YjuBUtOXGBsLchpTGfatqsxrjaGk0TL0F8ihxFTidWwgvAW4n/s72-w400-c-h225/Application%20Development.png', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAsT1vaHnu9HpZViR-LC5SvRKveIsfHNfJC9ODCpdI8dSsHyB8SPqCjVUEV5_tjUZv5bh38e7fy-WfumeBjLtOVlO91n6nv4IfcpkJyP0lm9XQLTKCZXXhmNNJSYI4ZJCn1-lnrcUz521YjuBUtOXGBsLchpTGfatqsxrjaGk0TL0F8ihxFTidWwgvAW4n/w400-h225/Application%20Development.png', 'pageName': 'Application Development Service (Vue / React)', 'pageTitle': 'MBrian Website: Application Development Service (Vue / React)'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Application Development Service (Vue / React)', 'description': '        Vue and React are two popular JavaScript frameworks used for building user   interfaces.\xa0  What Is Vue?     Vue is a progressive Jav...', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAsT1vaHnu9HpZViR-LC5SvRKveIsfHNfJC9ODCpdI8dSsHyB8SPqCjVUEV5_tjUZv5bh38e7fy-WfumeBjLtOVlO91n6nv4IfcpkJyP0lm9XQLTKCZXXhmNNJSYI4ZJCn1-lnrcUz521YjuBUtOXGBsLchpTGfatqsxrjaGk0TL0F8ihxFTidWwgvAW4n/w400-h225/Application%20Development.png', 'url': 'https://www.mbrianwebsite.com/2023/07/application-development-service-vue.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 3946405970115082669}}, {'name': 'widgets', 'data': [{'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML10'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': '#Artikel Populer', 'type': 'PopularPosts', 'sectionId': 'special-home', 'id': 'PopularPosts11', 'posts': [{'title': 'Blogspot Blogger Development Service', 'id': 4039938137357230937}, {'title': 'Website Development Service (Nuxt)', 'id': 1583874516092769590}, {'title': 'Application Development Service (Vue / React)', 'id': 3946405970115082669}, {'title': 'SEO Service', 'id': 5628384227693870767}, {'title': 'Al-Quran-ul Karim Web Application : A Real Case Study', 'id': 2298908409658493251}]}, {'title': 'Sedang Ramai', 'type': 'FeaturedPost', 'sectionId': 'before-blog', 'id': 'FeaturedPost1', 'postId': '2298908409658493251'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '3946405970115082669', 'title': 'Application Development Service (Vue / React)', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAsT1vaHnu9HpZViR-LC5SvRKveIsfHNfJC9ODCpdI8dSsHyB8SPqCjVUEV5_tjUZv5bh38e7fy-WfumeBjLtOVlO91n6nv4IfcpkJyP0lm9XQLTKCZXXhmNNJSYI4ZJCn1-lnrcUz521YjuBUtOXGBsLchpTGfatqsxrjaGk0TL0F8ihxFTidWwgvAW4n/w400-h225/Application%20Development.png', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Ditulis Oleh'}, {'name': 'timestamp', 'label': 'MMM d, yyyy'}, {'name': 'comments', 'label': 'Komentar'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Label:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Ditulis Oleh'}, {'name': 'timestamp', 'label': 'MMM d, yyyy'}, {'name': 'comments', 'label': 'Komentar'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Label:'}]}, {'title': 'Kategori', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label10'}, {'title': 'Arsip', 'type': 'BlogArchive', 'sectionId': 'sidebar-static', 'id': 'BlogArchive10'}, {'title': 'Cookie Consent', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML1'}, {'title': 'Tentang Saya', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Link Penting', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList13'}, {'title': 'Sosmed Resmi', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Langganan Artikel', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML22'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML27'}, {'title': 'License Key', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML28'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'header-main', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'header-main', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts11', 'special-home', document.getElementById('PopularPosts11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'before-blog', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2784278825-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label10', 'sidebar-static', document.getElementById('Label10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive10', 'sidebar-static', document.getElementById('BlogArchive10'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-static', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'footer-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'footer-widget', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML22', 'footer-widget', document.getElementById('HTML22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML27', 'jet-options', document.getElementById('HTML27'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML28', 'jet-options', document.getElementById('HTML28'), {}, 'displayModeFull'));
</script>
</body>*/</style>