GideonBabu

System Design Cheatsheet

Picking the right architecture = Picking the right battles + Managing trade-offs

Basic Steps

1. Clarify and agree on the scope of the system

• User cases (description of sequences of events that, taken together, lead to a system doing something useful)
  • Who is going to use it?
  • How are they going to use it?

GideonBabu

// detect the Enter key in a text input field

$(".input1").on('keyup', function (e) {
    if (e.keyCode === 13) {
        // Do something
    }
});

// array for..of cycle
// tip: you can stop iterating at any time using a break statement.

GideonBabu

ALTER TABLE master_activity_log CHANGE `from_user_id` `user_id` INT(11); // change column name
ALTER TABLE master_activity_log DROP log_date; // remove column
ALTER TABLE master_activity_log ADD COLUMN log_datetime DATETIME AFTER after_save; // create new column of existing table

Truncate foreign key constraints table :

SET FOREIGN_KEY_CHECKS = 0; 
TRUNCATE TABLE `table name`;
SET FOREIGN_KEY_CHECKS=1;

GideonBabu

Compress: tar -czvf name-of-archive.tar.gz /path/to/directory-or-file
Extract: tar -xzvf archive.tar.gz

compress with exclusion of some folders:

tar --exclude='./folder' --exclude='./upload/folder2' -zcvf /backup/filename.tgz .

To find the files using it's name:
find <path> -name "filename-with-extension"

mutewinter

Prevent Double Tap Zoom in React for Rapidly Tapped Buttons

Touch delay is [a thing of the past][td], but accidental zooming is here to ruin your day. Ever tapped a button quickly on iOS and experienced a zoom instead of two taps? You're in the right place.

Before

adamdehaven

function toggleDecadeVisibility() {
  var windowWidth = $(window).width();

  $('.element').each(function() {
    var elementLeft = $(this).offset().left,
        visibleOffset = (windowWidth / 2) - ($(this).width() / 2),
        hideOffset = visibleOffset - $(this).width();

    // If element is in center of viewport, make visible
    if (elementLeft <= visibleOffset && elementLeft >= hideOffset) {

aboritskiy

<?php

namespace Sitewards\SyncURLs\Console\Command;

use \Symfony\Component\Console\Command\Command;
use \Symfony\Component\Console\Input\InputInterface;
use \Symfony\Component\Console\Output\OutputInterface;
use \Magento\Framework\App\Config\ConfigResource\ConfigInterface;
use \Magento\Store\Model\StoreManagerInterface;

josephspurrier

<?php

// File Location: projectroot/app/Http/Controllers/AwsController.php

namespace App\Http\Controllers;

use \App;
use \AwsS3;

class AwsController extends Controller

bh-ref

<?php

namespace Vendor\ModuleName\Options;

use Magento\Eav\Setup\EavSetupFactory;
use Magento\Framework\Setup\ModuleDataSetupInterface;
use Magento\Catalog\Model\ResourceModel\Eav\AttributeFactory;

class RemoveOptions
{

vasanthk

System Design Cheatsheet

Picking the right architecture = Picking the right battles + Managing trade-offs

Basic Steps

1. Clarify and agree on the scope of the system

• User cases (description of sequences of events that, taken together, lead to a system doing something useful)
  • Who is going to use it?
  • How are they going to use it?