bhaidar

/*
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"

bhaidar

<?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;

bhaidar

<?php

namespace Src\Csv;

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

/**
 * Class DownloadLargeCsv
 *

bhaidar

<?php

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

bhaidar

<?php


namespace App;


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

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.

bhaidar

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.

bhaidar

useGeolocation

React sensor hook that tracks user's geographic location.

Hook

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

bhaidar

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

bhaidar

function diffArray(arr1, arr2) {
  let arr1UniqueItems = arr1.filter(item => arr2.indexOf(item) < 0);
  let arr2UniqueItems = arr2.filter(item => arr1.indexOf(item) < 0);
  return [...arr1UniqueItems, ...arr2UniqueItems];
}