Changing Mobile Application SDK - mobile

If i develop a mobile application using a specific BaaS SDK like parse. later on i decide to move to another BaaS.
Will the user need to remove and then install the app. Or i can offer the new application as an update?

Regarding moving from Parse to another BaaS I know about apiOmat which lets you import all your data from Parse (see this blog post). Then you upload your updated app to the app store / play store and the user only needs to update the app - no removing and reinstalling necessary. Have a look in the official documentation here.

Related

How to add existing react js app to saleforce?

I have a react js app built long time ago that uses 3rd party libraries and APIs, now I want to add this app to saleforce. Is there a way to add the existing react js app or do I have to build a new app using the saleforce development tools? Any advise and help is appreciated.
Can you live in an iframe? There's lightning:container tag that could help you. Search questions or blogs that mention it, on SO and on dedicated https://salesforce.stackexchange.com/. Iframe sounds meh but there are ways for it to communicate with parent ("canvas apps" in documentation - and it has nothing to do with <canvas> tag), silently log in to SF, use REST API...
You could try to rewrite your app to native Aura/LWC but you won't be able to call APIs directly from JS. You'll have to pass through SF server-side language called Apex. Which is doable but more for you to learn. There are some more restrictions, although light DOM and LWS help with these, many things Locker service blocks are OK in LWS.
There's also hybrid approach with loading your app as a library?

Making Data available offline in Progressive Web App

I made a progressive web app with Create React App.
The user shall be able to make data available offline by clicking i.e. a button. Is there a convention or best practise to do that?
I have read this awesome documentation, that helps to make your PWA work offline
Part 1
Part 2
Have a look at workbox. It's used in Create React App as well as Next.js.
The actual answer to the question can be found in section Access Caches from Your Web App's Code.

How to build create-react-app SPAs so that minor changes can be made without rebuilding the entire application

I am using create-react-app to create Single Page Websites (SPAs). I often have websites with a lot of images and content that require a minor textual change or a minor update. Is there anyway to make these without rebuilding the entire application? If I rebuild it all the image names and everything changes and the whole enchilada has to be uploaded and built for minor changes in content to the website. How can one approach this?I dont want to go back to building in PHP or another platform where individual pages can be tweaked and uploaded without having to upload everything every time there is a minor change. How are you approaching this in building react based websites?
Rebuilding a CRA should not take very long or cost much, you can use a Continuous Integration solution like Netlify to update your site programmatically based on the changes.
Or you can just build an API and write a modular site using the APIs. That is how most CMS work. You should try headless CMSs if you don't want to write all APIs yourself.
if you want to just develop frontend code and don't worry about images, videos, texts and so on you should really try and headless cms that will provide contents via API and a nice editorial console for your users.
There are a lot of them, and for sure you will find one that suits your needs.
I work in ContentChef ( full disclaimer here!!!) which also provides a nice SDK in js or typescript so you can easly get started.
If you want to give it a try: https://www.contentchef.io/developers/headless-cms-for-react

is it possible to create a PWA in angularjs?

I am new to PWA, i am curious to know that is it possible to create a PWA in angularjs?
please provide steps to make PWA using angularjs if it is possible to create PWA using angularjs.
There's nothing framework-specific about PWAs - your site just has to meet a certain set of criteria:
Everything is served over HTTPS
The design must be responsive
Your app must be available offline (i.e. it needs a Service Worker)
You need to provide a manifest file containing metadata about your application
Your app must work in all modern browsers
Page transitions shouldn't block the app (i.e. you need to show loading screens/spinners if things are taking a while to load)
Each page in the app needs a unique URL
All of that is achievable with Angular 1 - it'll probably be easier with a modern framework, but there's nothing stopping you sticking with what you've got, for now at least.
look at this github project https://github.com/addyosmani/angular1-dribbble-pwa

How to keep user logged in when migrating from cordova to react native

I have a cordova app on the App Store and Google Play store. I am preparing a major update to the app by changing the framework to React Native. However, when the user updates the app they lose all login info and they are logged out from the app after the update. How can I persist the user from cordova to react native?
I also had a similar problem, where I needed to preserve information to keep the user logged in the migration process, the bookstores I used to carry out the process were these, I know it's an old question, but if anyone faces the same problem, you can follow this one solution.
It consists of installing a plugin in the Cordova app, to prepare the information so that the React update can be retrieved using another specific library, that is, it will be necessary to launch a last Cordova update in the store, to later launch in React.
React Native library:
https://github.com/kevinresol/react-native-default-preference
Cordova plugin:
https://github.com/adriano-di-giovanni/cordova-plugin-shared-preferences
To save information via cordova:
var sharedPreferences = window.plugins.SharedPreferences.getInstance('settings');
sharedPreferences.put('foo', 'bar', function () { }, function () { });
To retrieve information in react native:
await DefaultPreference.setName('settings');
DefaultPreference.get('foo').then(value => console.log(value) /*print bar*/ );
It's a clumsy solution, but it was the only one I found and it worked for me, this method can only handle string information, so if I need to save something more complex, I recommend using JSON.stringify/JSON.parse, and depending on the information saved, I recommend clean up after recovering what you need:
DefaultPreference.clear("foo");
Remembering that you must ensure that the React application launched for Android must have the same package/signature key as the Cordova version, for this solution to work, otherwise the information cannot be retrieved.
For further questions I recommend reading the documentation of both repositories.

Resources