Bilal Haidar bhaidar

Vue.js and Vuex - best practices for managing your state

Modifying state object

Example

If you have to extend an existing object with additional property, always prefer Vue.set() over Object.assign() (or spread operator).

Example below explains implications for different implementations.

Laravel 6 - Diving Into Pivot Tables

Pivot tables can be confusing and a little hard to wrap your head around at first. In this quick article we are going to dive into what a pivot table is, how to create one and finally how to use the pivot table. Let's dive in!

What is a pivot table?

A pivot table is used to connect relationships between two tables. Laravel provides a Many To Many relationship where you can use a pivot table.

`useGeolocation`

React sensor hook that tracks user's geographic location.

Hook

const useGeolocation = () => {
  const [state, setState] = useState({
    accuracy: null,

Eslint and prettier config for nodejs and express projects

Eslint and Libs

You need to install eslint and some other config libs.

yarn add eslint prettier eslint-config-prettier eslint-plugin-prettier -D

yarn eslint --init

.eslintrc.js

	<?php

	namespace App\Providers;

	use Illuminate\Support\ServiceProvider;

	class GoogleDriveServiceProvider extends ServiceProvider
	{
	/**
	* Bootstrap the application services.

	/*
	Initial concept from: https://seesparkbox.com/foundry/how_to_code_an_SVG_pie_chart
	Vue.js component by Darius Babcock
	*/
	<template>
	<div class="pie_chart_svg_container">

	<svg
	:height="diameter"
	:width="diameter"

	<?php

	// This can be found in the Symfony\Component\HttpFoundation\Response class

	const HTTP_CONTINUE = 100;
	const HTTP_SWITCHING_PROTOCOLS = 101;
	const HTTP_PROCESSING = 102; // RFC2518
	const HTTP_OK = 200;
	const HTTP_CREATED = 201;
	const HTTP_ACCEPTED = 202;

	<?php

	namespace Src\Csv;

	use Illuminate\Http\Response;
	use Symfony\Component\HttpFoundation\StreamedResponse;

	/**
	* Class DownloadLargeCsv
	*

	<?php

	function getFormattedNumber(
	$value,
	$locale = 'en_US',
	$style = NumberFormatter::DECIMAL,
	$precision = 2,
	$groupingUsed = true,
	$currencyCode = 'USD',
	) {

	<?php


	namespace App;


	class Composer extends \Illuminate\Support\Composer
	{
	public function run(array $command)
	{