Moving from WebStorm/Phpstorm to VS Code

Moving from WebStorm/Phpstorm to VS Code

Been a user of Phpstorm/webstorm since long and wish to migrate to VS Code ? Skeptical about changing your IDE or the changes that it might bring along ? Fear not, for we will show you how you could setup VS code to be identical to Phpstorm/webstorm. Why should you migrate to VS Code ? I love using Webstorm/Phpstorm and it has been the editor […]

Read Me Leave comment

Duplicate a Mysql Database – Tutorial

Duplicate a Mysql Database – Tutorial

Learn how to duplicate a mysql database in 2 simple steps. Many a times, you want to duplicate a database to create a backup, to test against real data or just because you want to. Lets quickly checkout how this can be done step-wise. We will be using the command line utility to duplicate the database. Duplicate a Mysql database – Assumptions Lets assume that […]

Read Me Leave comment

How to use Webpack Analyzer Bundle

How to use Webpack Analyzer Bundle

Webpack analyzer bundle helps you to visualize the output of webpack in an interactive map. It displays the size that each bundle uses before and after being minified and compressed (gzipped). This can help you to discover which bundles are huge and if any of the bundles got in by mistake. Lets check this out by installing the bundle first. 1. Installing Webpack Analyzer Bundle […]

Read Me Leave comment

JWT Authentication with Symfony

JWT Authentication with Symfony

Configuring JWT Authentication with Symfony can be quite tricky, especially for beginners. We’ll guide you through a step-by-step tutorial getting you up to speed. We use LexikJWTAuthenticationBundle to setup JWT Auth in less than 10 mins. Our setup for JWT Authentication with Symfony Symfony 3.x, 4.x FosUserBundle (you may use any other user provider as well) LexikJWTAuthenticationBundle (used to setup JWT authentication) If you are […]

Read Me Leave comment

Lazy Loading Images in VueJs

Lazy Loading Images in VueJs

Lazy Loading Images in VueJS is important to save bandwidth, rank your page better, improve performance considerably and provide a better User Experience, especially if your website has several images. In this tutorial of Lazy loading images with Vue.js, we will be using an extremely swift and lightweight package called Lozad.js that does the major heavy-lifting behind the scenes. But Why Lozad, you ask? Lightweight […]

Read Me Leave comment

Using Twitter Typeahead with Vuejs

Using Twitter Typeahead with Vuejs

Learn how to integrate twitter typeahead search powered by Bloodhound directly into your Vuejs app. Using Twitter typeahead with Vuejs may seem tricky at first, but its far from the truth. Moreover, it is very well suited for traditional web apps as well as SPAs. If you are new to twitter Typeahead/Bloodhound, here’s a tutorial –  Smart Search with Twitter Typeahead that I recommend before going ahead. […]

Read Me Leave comment

Create Custom Twig Filter in under 2 min

Create Custom Twig Filter in under 2 min

A custom twig filter is required when the available twig filters cannot do the job for you. Base64 encoding and decoding for example, cannot be done using the built-in filters even though these functions exist in pure PHP. So how do you create a custom twig filter in Symfony? Requirements: Symfony 3.4 and above Create Custom Twig Filter For the sake of an example, we […]

Read Me Leave comment

Vuejs Vuex State Management for Beginners

Vuejs Vuex State Management for Beginners

As your VueJS App grows, the number of components keeps growing, giving rise to the need for state management to communicate between components. Vuex is the recommended tool for State Management built specifically for Vuejs apps. Before proceeding, lets refresh a few concepts… What is State? State is like a container/Object that stores some value/values. What is State management? The way in which a state […]

Read Me 2 Comments

Routing with Symfony and Vuejs Router

Routing with Symfony and Vuejs Router

One of the initial problems you might come across while integrating Symfony and VueJs is probably Routes. How do you handle this Symfony Vuejs routing? How to let Symfony forward the request to Vue Router? Lets quickly get to answering these questions. Forwarding Requests from Symfony to the Vue Router To allow the Vue Router to take control, we need to forward incoming requests from […]

Read Me 1 Comment

Support ES2017, ES2018 features in Webpack encore

Support ES2017, ES2018 features in Webpack encore

Want to start using async generator function, spread operator and all the latest features of ES2017, ES2018 in your projects? Well, wait no further to checkout how easily you could achieve this! There are 2 ways of supporting these features – Update .babelrc file Update Webpack Encore config A little background explaining What is Babel? And what are Babel presets? Latest features of Javascript (like spread […]

Read Me 1 Comment