<style>/*<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6141086089106781178&zx=277649cd-9b92-4bcd-bc33-34d8d6a9ca4a' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6141086089106781178&zx=277649cd-9b92-4bcd-bc33-34d8d6a9ca4a' 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

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4290687098-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY49eJXUZWo32il5emwOguMvqYZglQ:1714886033788';_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': 'en', 'localeUnderscoreDelimited': 'en', '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/a26ecadc30bb77e6', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to 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: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', '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': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', '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': '#Popular Weeky', 'type': 'PopularPosts', 'sectionId': 'special-home', 'id': 'PopularPosts11', 'posts': [{'title': 'SEO Service', 'id': 5628384227693870767}, {'title': 'Al-Quran-ul Karim Web Application : A Real Case Study', 'id': 2298908409658493251}, {'title': 'Blogspot Blogger Development Service', 'id': 4039938137357230937}, {'title': 'What Is This Blog About?', 'id': 4565853368922356967}, {'title': 'Intro', 'id': 5233255343818865697}]}, {'title': '#ApplicationDevelopmentService', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image11'}, {'title': '#WebsiteDevelopmentService', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image12'}, {'title': '#WordpressWebsiteDevelopmentService', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image13'}, {'title': '#BlogspotBloggerDevelopmentService', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image14'}, {'title': '#SEOService', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image15'}, {'title': '#SearceEngineMarketingService', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image16'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'before-blog', 'id': 'FeaturedPost1', 'postId': '1583874516092769590'}, {'title': 'Blog Posts', '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': 'Posted by'}, {'name': 'timestamp', 'label': 'MMM d, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Labels:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'MMM d, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Labels:'}]}, {'title': 'Categories', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label10'}, {'title': 'Blog Archive', 'type': 'BlogArchive', 'sectionId': 'sidebar-static', 'id': 'BlogArchive10'}, {'title': 'Cookie Consent', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML1'}, {'title': 'About Us', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Learn More', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList13'}, {'title': 'Follow Us', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Newsletter', '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('_ImageView', new _WidgetInfo('Image11', 'special-categories', document.getElementById('Image11'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image12', 'special-categories', document.getElementById('Image12'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image13', 'special-categories', document.getElementById('Image13'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image14', 'special-categories', document.getElementById('Image14'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image15', 'special-categories', document.getElementById('Image15'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image16', 'special-categories', document.getElementById('Image16'), {'resize': false}, '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/1666805145-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-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': 'Loading\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>