nabeel-shakeel

export interface IProviderComposerProps extends React.PropsWithChildren {
  /**
   *  Providers list
   * */
  with: React.FC<React.PropsWithChildren>[]
}

const ComposerFragment: React.FC<React.PropsWithChildren> = ({
  children,
}): JSX.Element => <>{children}</>

nabeel-shakeel

Husky - Pre-commit hook

This guide will walk you through the steps to setup git hooks (pre-commits, pre-push) using Husky. Additionally we will be using package lint-staged which tracks of staged code files and run jest tests related to those files on each commit. Let's set it up!

Install Packages

• Install the following packages

npm install --save-dev husky lint-staged jest ts-jest @types/jest

nabeel-shakeel

ES Lint and Prettifier

The following readme will guide through to setup ES lint for linting TS or JS code, also prettifying code in VS code. ESLint can lint TypeScript files through typescript-eslint plugin, and prettier can format TypeScript code. Let's set it up!

Install Extension

First, if you have previous installed TSLint extension vscode-tslint for VSCode, uninstall it - let ESLint do everything Install ESLint extension from extension marketplace also called dbaeumer.vscode-eslint Install Prettier extesnion from extension marketplace

nabeel-shakeel

const ModuleFederationPlugin = require('webpack/lib/container/ModuleFederationPlugin');
const { dependencies } = require('../../../package.json');

module.exports = (config, context) => {
  config.context = process.cwd();
  config.plugins.push(
    new ModuleFederationPlugin({
      name: 'auth',
      filename: 'remoteEntry.js',
      exposes: {

nabeel-shakeel

const ModuleFederationPlugin = require('webpack/lib/container/ModuleFederationPlugin');
const { dependencies } = require('../../../package.json');

module.exports = (config, context) => {
  config.plugins.push(
    new ModuleFederationPlugin({
      name: 'container',
      remotes: {
        auth: 'auth@//localhost:8082/remoteEntry.js',
        dashboard: 'dashboard@//localhost:8083/remoteEntry.js',

nabeel-shakeel

LinuxKit VM (Docker for Mac)

• Access shell of VM
  • $ docker run -it --privileged --pid=host debian nsenter -t 1 -m -u -n -i sh
• Listing out the service containers running inside VM
  • $ ctr -n services.linuxkit tasks ls
• Enter into docker service container using containerd
  • $ ctr -n services.linuxkit tasks exec -t --exec-id <process_id> docker sh

Containerd Commands