Creating reusable library for ionic projects - firebase

We have built an analytics package that uses angularfire2 as a way to interact with firebase db. rest of the code is just regular typescript files more like utility classes.
is there a way to make it reusable by simply somehow referring to an existing ionic project.
Even if it's possible my other concern is that the host ionic project may have its on angularfire config. So would the imported analytic project lib will be able to keep its on fire config and connection in isolation?
Please advise how to achieve this reusability?

Related

React Native and using npm modules

So this is the case: we developed a web application. Now we are developing an app in React Native with Firebase, for iOS and Android... Is there a way to make use of the npm private module that we developed for the web application? Do we need to initialise firebase/app as well in typescript? Or is it really needed to develop a seperate module for android and a separate module for iOS?
So in this npm private module there are standardized ways for our company to get and set data in firestore.
Regards, Peter
As far as I understand it, every package from npm is mapped or linked to one in the respective operating system, that is Android and iOS in your case.
Is there a way to make use of the npm private module that we developed
for the web application?
Or is it really needed to develop a seperate module for android and a
separate module for iOS?
When there is no respective implementation for the operating system, that "translates" your npm package, it will not work.
Do we need to initialise firebase/app as well in typescript?
Yes indeed, also in react native you need to initialise firebase app.
So in this npm private module there are standardised ways for our
company to get and set data in firestore.
I cannot say why you did this in a custom way, if you use the "normal" firestore methods then maybe there is still a way to reuse some code? But that is hard to say from the outside.

best way to manage bootstrap in python flask project

I have created a web app using python-Flask and frontend using bootstrap. This app allows user to browse the AWS S3 bucket from web browser. Please excuse me this project is still is construction phase and I'm in learning path. I have manually downloaded the bootstrap code and placed it in static folder.
here is the link for the project.
https://github.com/amjad489/pys3browser
I want to know if there is a way where we can run a command it will upgrade the bootstrap and its dependencies.
Thanks in advance for your help!.
You can use Bower for managing your web packages. It is written for node js so you need to install this as well. This is a very common way to manage your frontend packages like jQuery, Bootstrap, ...

Best practice with VueJS (or every frontend framework) and Firebase CLI

I have a newbie question concerning the architecture of my app and what practice is better.
I have a Vue project, lets call it frontendProject (it does not really matter as my problem would have been the same with another framework) with all my file for the frontend of my website.
I recently discover all hidden feature of firebase (like function, deploy etc).
My question is simple, should i use Firebase CLI to install all functionnality like deploy, back end function etc IN the folder frontendProject OR should i create a new project dedicated for firebase and the backend, lets call it backendProject.
What is making me hesitate is the fact that i can deploy wathever is in a folder (which i pointed on dist from vue) in the firebase project, and i don't know if there will be new feature by the futur that need the firebase project to be mix with the frontend. But i'm not sure if this can mess up the project. The front end build only take the "src" folder to build if i'm right ? Which mean i'm not building useless file from firebas project when i build with vue.
If i'm not clear on any point don't hesitate to tell me.
Thanks in advance from the community
Answer from #MichaelBleigh
In root of the project set up firebase,and then put VueJs project in a web folder, then in the firebase.json, point the dist folder of vuejs so that you can deploy easily your project on firebase host

is it possible to have multiple projects with shared code?

I would like to create a Meteor project which will be over the web for PC and mobile platforms.
The HTML files will be different for each project however the JavaScript logic should be the same.
Is it possible to create 2 Meteor projects (one for web and other for mobile) with shared JS files?
Maybe using another project?
Sharing and reusing code is the very first reason for the existence of Meteor packages.
To create one simply meteor create --package me:mypackage (assuming me is your Meteor developer account username).
You can add your logic in the package. You can do anything you would normally do in your application development (templates, publications/subscriptions, collections, CSS, ...).
You can then simply publish this package to Atmosphere and reuse it in other projects.
meteor publish --create me:mypackage
There is a lot to know about packages. See more about publishing, testing packages with Jasmine.

making ionic project with firebase on yeoman

there is yeoman generate for ionic and firebase and I know how to make them with yeoman-generator BUT I want ionic + firebase project.
some solution[1] [2] told me that making ionic project and add firebase js file by my hand, but I think firebasee can be added by bower or something easy way to go though.
should i generate inoic project and add firebase though bower?
should i generate firebase project and add ionic though bower?
which one is better way to make it? and what command should i use for this?
TLDR: Long story short, don't use yeoman. It's pretty easy to do it without yeoman.
I'd recommend setting up an ionic project, add the firebase.js files, link to it in your index.html, and add the firebase components to your module/relevant controllers. You'll find great step by step instructions here:
https://www.firebase.com/docs/web/libraries/ionic/guide.html
They won't tell you this up front, but you'll also want to look at the angularfire API here: https://www.firebase.com/docs/web/libraries/angular/api.html
In the Ionic guild they'll show you $firebaseArray, but that's it. For things like $firebaseObject, those docs are found in the angularfire API.
I'd forget yeoman to be honest. I'm sure you can set up custom projects for yeoman, but I wouldn't bother.

Resources