@priyanshah

Email Authentication using Firebase Auth + Flutter

2021-04-26T10:42:52.833Z

Introduction

Rarely have we seen that mobile applications are connected to the backend. There are other platforms- AWS or Azure, but no platform could stand Firebase. With the help of Firebase and Flutter, one can develop mobile applications in a better way. In this tutorial, we will learn about building a demo application from scratch and implementing Email Authentication using Firebase Auth + Flutter.

Before getting started with the demo, let’s see what we are building in this tutorial.

Tutorial Goal: Email Authentication with Firebase Auth + Flutter

What is Firebase Auth?

Most of the applications require authentication to verify the user’s identity. Firebase Authentication allows you to use its back-end services by providing SDKs and convenient UI libraries for user authentication in your app. It makes the process less complicated and easy to develop. One can authenticate the user with the help of passwords, phone numbers, or identity providers ( Facebook, Google, and Twitter)

Click here to watch the video introducing Firebase Auth.

Now, let’s see what does Firebase Authentication provides:

Email/password authentication
Sign in with Google, Apple, Facebook, Twitter, Github
Phone number authentication
Custom authentication
Anonymous authentication

From the list mentioned above, I’ll be covering Email and password authentication using Firebase Auth + Flutter app. So without further ado, let’s get started with some technical work.

Steps to implement Email Authentication using Firebase Auth + Flutter

Here’s the entire source code for the demo application – Flutter Firebase Auth Github.

Create Flutter project

Run the below command to create a flutter project. You can name it anything here – flutter_firebase_auth

flutter create flutter_firebase_auth

Add dependencies

Update your pubspec.yaml file to add dependencies.

dependencies:
 flutter_test:
   sdk: flutter
 cupertino_icons: ^1.0.2
 firebase_auth: ^1.0.1 # add this line
 firebase_core: ^1.0.2 # add this line

Run the following command to install the packages.

flutter pub get

Your pubspec.yaml file would look something like this-

For using these packages, we need to import them as mentioned below-

import 'package:firebase_auth/firebase_auth.dart';
import 'package:firebase_core/firebase_core.dart';

Further moving towards the initial Firebase Setup.

Create Firebase Project

We need to create a Firebase project; for that, visit the Firebase console. Start by adding a new project, giving it a name, agreeing to all they’ve asked, and click ‘Create Project.’

Once you’re done creating the project, it’s time to integrate it with Android and iOS applications.

Add Android App

After filling the required fields, you’ll see something like this-

Follow the instructions; Download google-services.json and put it in MyApplication/app folder.

You can skip the next step as we are using: Firebase core and Firebase auth packages.

Click ‘Continue to Console’ to complete the process.

Okay, so this was about integrating the Android app. Now, let’s follow the same steps for integrating the iOS app.

Click here to Add iOS App

Pick out the best PHP framework: Laravel Vs Symfony

2021-04-13T07:14:14.910Z

Preface

The ongoing battle between the two leading PHP frameworks- Symfony and Laravel will come to a closure after you read this blog. This blog has covered the merits and demerits of Laravel vs Symfony, along with the difference between Laravel and Symfony, we have covered the detailed categorized comparison on their modularity, scalability, popularity, performance, community, database support, and learning curve.

PHP frameworks are the most popular, preferable, and reliable choices for entrepreneurs to develop their cross-platform web applications. Developers love PHP frameworks’ coding style and believe that they are available handy and follow best practices and methods. The delay occurs because of the difficulty in finding the best-suitable PHP framework.

Laravel Overview

Before we indulge in comparing Laravel vs Symfony 2021, let us answer What is the Laravel framework?

Laravel is the top most famous and useful PHP framework having an expressive and elegant syntax. Taylor Otwell created Laravel in 2011 and availed everyone of us freely(open-source) under MIT license. Laravel uses the MVC architecture pattern for web application development.

Official Website: https://laravel.com/
GitHub stars: 63.9k

Coming to the most searched query, Is laravel frontend or backend? Laravel is a server-side framework, and hence it is useful in backend development. You can create exceptional templating, HTML authentication, routing handling, custom backend logic, predefined architectures, and much more.

Market Usage Statistics of Laravel

Of all the frameworks that exist today, Laravel stands at a market share of 0.35%.
Approximately 86,032 live websites are currently using the PHP Laravel framework.
In the USA, 307,911 websites are using Laravel.

Use Cases of Laravel framework

On-demand streaming web applications
SaaS-based applications
Multilingual CMS systems
Self-hosted website performance monitoring app

Symfony Overview

Now, it is the turn of answering What is Symfony?

Symfony is so many things altogether. It is not just a framework; it is a set of reusable PHP components, a philosophy, and a community. Fabien Potencier launched Symfony in 2011 under the MIT license to build robust enterprise applications.

Official Website: https://symfony.com/
GitHub stars: 24.7k

Market Usage Statistics of Symfony

Relatively, the market share of the Symfony framework is quite low at 0.05%.
At present, 10,974 websites are using Symfony.
In the USA market, 18,998 websites are using the Symfony components or the framework.

Use Cases of Symfony framework

Microservices
Content Management Systems
Accounting
Reporting
E-Commerce platform
Blogs
Bots

Click here for,

Laravel vs Symfony Pros and Cons
Laravel vs Symfony Popularity
Laravel vs Symfony Performance
Laravel vs Symfony Templating Engine
Laravel vs Symfony Modularity & Scalability
Laravel vs Symfony Database Support
Laravel vs Symfony Learning Curve

I hope this small content will help you to make a decision to choose the best PHP framework: Laravel vs Symfony.

Vue.js App Performance Optimization – Requirement | Top Reasons | Pro Tips/Solutions

2021-04-09T06:43:19.034Z

Introduction

VueJS is the most popular and stable JavaScript framework for developing websites, but just like other frameworks, the performance will be compromised if you overlook it.

If you are looking for sure shot Vue js performance optimization tips or just want to know vue best practices, for your large scale application you have chosen the correct blog. Without much ado, let’s discuss in detail how you can optimize the performance of Vue js application.

It’s essential first to understand the Vue js app architecture. By knowing its importance, we can be aware of how crucial it is, and we would start taking it more seriously. So, let’s look at why there’s a need to optimize your large scale application. Please keep in mind that optimization of any application is essential, but as this blog concerns, we’ll be discussing it.

Why do we need Vue JS performance optimization?

No programmer will ever want that even after coding thousands of lines, users don’t want to spend time on the application because of the time it takes to perform user actions.

Product owners around the world develop products for users, and these users are mainly concerned with their smooth interactions. It does not concern the end-users how much effort programmers have invested in Vue JS app architecture if they are not satisfied with Vue js speed and efficiency.

So, yes, that is why it becomes mandatory criteria to optimize the performance that will eventually satisfy the end-users’ needs.

Major Reasons Behind Poor Vue Performance

Let’s look at how Vue js works and the significant reasons behind poor Vue performance.

The reasons for slowing down the Vue performance depend upon your Vue js app structure. For example, one of the significant reasons behind poor performance in Vue jS Single Page Applications (SPAs) may vary from the VueJS projects dealing with server side rendering (SSR).

The primary and foremost reason any developer can think of whether the application is SPA or having SSR is bundle size. The larger the bundle size slower the Vue js performance. Thus we can conclude that bundle size is inversely proportional to the application performance.

Some of the common reasons behind Vue js large application-

Not using third-party libraries wisely
Overlooking Code Splitting and Lazy Loading
Unwanted hits to API requests
Not structuring JS and CSS files properly

@priyanshah

Email Authentication using Firebase Auth + Flutter

Introduction

Tutorial Goal: Email Authentication with Firebase Auth + Flutter

What is Firebase Auth?

Steps to implement Email Authentication using Firebase Auth + Flutter

Create Flutter project

Add dependencies

Create Firebase Project

Click here to Add iOS App

Pick out the best PHP framework: Laravel Vs Symfony

Preface

Laravel Overview

Market Usage Statistics of Laravel

Use Cases of Laravel framework

Symfony Overview

Market Usage Statistics of Symfony

Use Cases of Symfony framework

Vue.js App Performance Optimization – Requirement | Top Reasons | Pro Tips/Solutions

Introduction

Why do we need Vue JS performance optimization?

Major Reasons Behind Poor Vue Performance

Read more: Check the Bundle Size of your VueJS app in Vue.js App Performance Optimization