Ionic

Enappd Store: biggest inventory of best quality iOS/Android App Templates Type caption for image (optional) Enappd delivers high-quality app templates, themes, and add-ons for you to jump-start your startup, or take your business to the next level with an awesome app while saving thousands of dollars and weeks of time. Our mission is to enable everyone to be able to create beautiful apps. If you are a developer, you don’t need to waste time on UI. Just pick your app starter from Enappd and jump-start your development. ...

Facebook login in Ionic React Capacitor apps In this post, you’ll learn how to implement Facebook login in your Capacitor apps, based on Ionic React framework. We will also retrieve user name and profile photo to show after login. And we’ll see how to auto-login users after first login. Since this post is a mix of three new frameworks, it is possible you landed here by mistake. If you are looking for Facebook login in ...

Ionic vs React Native: Which one is better? While looking to develop mobile apps with other than the native toolsets, I found myself evaluating Ionic and React Native as two of the most common alternatives. Both have a large community of passionate developers, are used heavily in large enterprises, and can lay claim to many popular consumer apps. In this post, I will try to compare – Ionic and React Native framework. Both technologies **allow you to build mobile apps for iOS as well as Android. **After extensive research, I would say these two are great frameworks because they allow developers to quickly prototype and publish apps on multiple platforms with single source code. ...

Create HTML5 Native games in Ionic Capacitor apps using Phaser In this post, you will learn how to create HTML5 games using Phaser in Capacitor Ionic apps. We will create Zombie walker and a Space Invader game, which you can play both in app as well as browser. Space Invader was the first game I developed back in school, in JAVA, so it’s like a ‘Hello World’ of games for me ! ...

Custom icon and splash in Ionic React Capacitor apps In this post, you will learn how to make custom Icon and Splash in your Capacitor Ionic React app. Capacitor is the latest buzz in hybrid app world. It is created to be a replacement and an improvement over Cordova. Creating icon and splash is pretty straight-forward in Cordova apps. You can need to create two .png files and run Cordova commands. But Capacitor gives user total command over native project code. So you’ll have to use native IDEs to create icons and splash for Ionic-React Capacitor apps. Also, Capacitor has its own Splash API for controlling Splash implementation. ...

Play Music in Ionic Capacitor apps In this post, you will learn how to play music in your Capacitor Ionic Angular app, be it for a music player or just for a notification. Capacitor is the latest buzz in hybrid app world. It is created to be a replacement and an improvement over Cordova. In this post, you will learn How to play music and sound files in Ionic 4 apps – both from local files and web urls How to use music controls like next, previous, pause etc. This demonstration is supported by Ionic 4 Spotify Starter from Enappd. Complete source code of this tutorial is available here – Ionic-4-music (capacitor branch) ...

Firebase Push Notification in Ionic React app using Capacitor This post is for Ionic React framework using Capacitor. In this post you’ll learn how to implement push notifications in Ionic-React apps, using Firebase. First, First half will cover this feature for Android apps, second half deals with iOS apps. If you are looking for Push notification functionality in Ionic Angular app – Please check this blog React Native app – Please check this blog Ionic React app / Capacitor app – Continue reading 😄 As you can see from above, there are several options available for Hybrid app development these days, and it is easy to get confused between them. This post is focussed on Ionic framework with React as the front-end framework, and Capacitor as runtime and build environment. ...

Camera and Photo Gallery in Ionic React app using Capacitor This post is for Ionic React framework, using Capacitor. In this post you’ll learn how to pick/use images using Camera and Photo gallery. If you are looking for Camera functionality in Ionic Angular app – Please check this blog React Native app – Please check this blog Ionic React app / Capacitor app – Continue reading 😄 As you can see from above, there are several options available for Hybrid app development these days, and it is easy to get confused between them. This post is focussed on Ionic framework with ReactJS as the front-end framework, and Capacitor as runtime and build environment. ...

Ionic 4 Ticket Booking App Starter-Evento: Features Overview **Evento **is an event and ticket booking app template/theme. With this template, you can create events and ticket booking apps like BookMyShow, OneFlighTicket, MovieticketBook, etc. This template is the front-end part, which means the screens and user interfaces (screens) are ready. You can easily change the screens, styles, and logics to suit your requirements. You can use navigation between the screens and specific functions applied to buttons, etc. This saves your 100% cost and time in front-end UI development. You can simply add a back-end/server to this app template, and replace the demo data with data coming from your server. This way, you only spend time and money on back-end development. ...

Difference between redux and flux Redux V/S Flux In this post, we’ll try to compare – Flux and Redux. Both technologies **allow you to manage state in your app. Both ** are a great tool because they allow developers to quickly store and manage state in his app. What is Redux? Redux is a standalone state management library, which can be used with any library or framework. If your background is React developer , then you have used the Redux library with React. The primary use of Redux is that we can use one application state as a global state and interact with the state from any react component is very easy whether they are siblings or parent-child. ...