adeelibr

@comment helps massively in doing a proper rebase

git config --global rerere.enabled true

@comment be on your dev branch

git pull origin main git rebase main

@comment now fix conflicts manually only once, since git rerere will record your chosen conflict resolutions

@comment publish your changes with --force parameter

git push -f

adeelibr

// BE does the feature flags for users for A/B testing

<FeatureFlag isEnabled={flagValue}>
  // Content for a specific feature flag
</FeatureFlag>


const FeatureFlag = ({ isEnabled, children }) => {
  return isEnabled ? children : null;
}

adeelibr

const path = require('path')

const libPath = path.join(require.resolve('./my-library/another'), '..')
// console.log('libPath :: ', libPath)

const anotherPath = path.join(libPath, 'another')
const another = require(anotherPath)

// console.log('anotherPath ::', anotherPath)
// console.log('another ::', another)

adeelibr

Installation guide for Mac OS & Linux

Open your terminal & type

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

Close your terminal & reopen a new one & type

adeelibr

before(() => {
  cy.clearInfo();
  cy.login();
});
after(() => {
  cy.contains('Logout').click();
  cy.contains('Login');
});

beforeEach(() => {

adeelibr

// ignore this line, this is just here
// to clear console, everytime I hit "Run with JS"
console.clear();

// Comment out each example one by one & play with
// it, happy coding :)

// @example NOT* a closure example
// function person() {
//   let name = 'adeel';

adeelibr

// ### EXAMPLE 1
// -- what you type 
// var name = 'adeel';
// var profession = 'developer';
// console.log(name + ' ' + profession);

// -- what the machine does
// var name; // undefined
// var profession; // undefined;
// name = 'adeel';

adeelibr

// Understanding array methods:-
// - filter 
// - map 
// - some 
// - every
// - reduce 

let myOrgArray = [1,2,3, 4, 5, 6, 7, 8, 9, 10];

// Discussing array by reference

adeelibr

--use-script

How to provide file paths

There are multiple ways, but all of them start from here react-scripts

By default when you do

npx create-react-app my-app

adeelibr

/**
 * @description Hacky implementation for ignoring
 * @param {Function} callback 
 * @param {Array of primitive dependencies} deps, because
 * Arrays & Objects don't work in useEffect deps 
 */
const useIgnore = (callback, deps) => {
  const [{success, error, loading}, setState] = React.useState({
    success: null,
    error: null,