davidgg

{
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "css.validate": false,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.detectIndentation": false,
  "editor.fontFamily": "Fira Code",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,

davidgg

RxJS Introduction

What

RxJS allows us to manage and manipulate streams of data.

Theory

RxJS is the JS implementation of Reactive X, an API for asynchronous programming with observable streams.

davidgg

Micro Frontends Architecture

What

Micro frontends are the technical representation of a business subdomain, they provide strong boundaries with clear contracts, also they avoid sharing logic with other subdomains (DDD) Luca Mezzalira

Domain and subdomains are concepts used mainly in backend projects, but they can be used in frontend as well.

Micro Frontends is an old topic, with lots of different approaches. Same paradigm as micro-services in the backend.

davidgg

// Avoid CORS issues using a local proxy server

const express = require('express');
const request = require('request');
const cors = require('cors');

const app = express();
const url = 'http://sample.com';

app.use(cors());

davidgg

Husky Hooks

Fundamentals:

• Git Hooks
• Husky

Tools:

• Prettier

davidgg

MySql Helpful Commands

Connect

mysql -u [username] -p;

Show all databases

show databases;

davidgg

[user]
  name = DavidGG
  email = yourmail@example.com
   
[core]
  # Don't consider trailing space change as a cause for merge conflicts
  whitespace = -trailing-space
  
[color]
  # Enable colors in color-supporting terminals

davidgg

atom-sync-settings

davidgg

//From: http://www.jquerybyexample.net/2012/06/get-url-parameters-using-jquery.html
  var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('&');

    for (var i = 0; i < sURLVariables.length; i++) {
      var sParameterName = sURLVariables[i].split('=');
      if (sParameterName[0] == sParam) {
        return sParameterName[1];
      }

davidgg

 <div class="spin-loading"></div>