kristijan-pajtasev

Instructions

• copy the file commit-msg to .git/hooks/commit-msg
• make sure your delete the sample file .git/hooks/commit-msg.sample
• Make commit msg executable. chmod +x .git/hooks/commit-msg
• Edit commit-msg to better fit your development branch, commit regex and error message
• Profit $$

Shell example

kristijan-pajtasev

#!/bin/sh

branch="$(git rev-parse - abbrev-ref HEAD)"

# a branch name where you want to prevent git push. In this case, it's "master"
if [ "$branch" = "master" ]; then
  echo "You can't commit directly to '"${branch}"' branch"
  exit 1
fi

kristijan-pajtasev

// .huskyrc
{
  "hooks": {
    "pre-commit": "echo \"Hello, pre-commit hook!\""
  }
}

kristijan-pajtasev

import {useEffect, useState} from 'react';
 
 function Counter() {
 const [counter, setCounter] = useState(0);
 
 useEffect(() => {
  console.log("This useEffect runs on every change");
 })
 
 return (

kristijan-pajtasev

import {useEffect} from 'react';
import ChatAPI from './ChatAPI';

function ChatComponent() {
    useEffect(() => {
     ChatAPI.subscribe();
     return () => {
         ChatAPI.unsubscribe();
     }
    })

kristijan-pajtasev

import {useEffect, useState} from "react";
import Counter from "./Counter";

function ConditionalEffects() {
    const [firstCounter, setFirstCounter] = useState(0);
    const [secondCounter, setSecondCounter] = useState(0);
    useEffect(() => {
        console.log("updated first counter")
    }, [firstCounter]);
    return (

kristijan-pajtasev

import {useEffect, useState} from "react";
import Counter from "./Counter";
function ConditionalEffects() {
    const [firstCounter, setFirstCounter] = useState(0);
    const [secondCounter, setSecondCounter] = useState(0);
    useEffect(() => {
        console.log("updated first counter")
    }, [firstCounter]);
    useEffect(() => {
        console.log("updated first counter")

kristijan-pajtasev

import {useEffect} from 'react';
function OneRun() {
    useEffect(() => {
        console.log("Runs only once.")
    }, []);
    return <div>One run</div>
}

kristijan-pajtasev

// UserContext.js
import {createContext} from "react";

const user = {};

export default createContext(user);

kristijan-pajtasev

import UserContext from '../UserContext'
import ContextChild from "../ContextChild";

function ContextParent() {
    const value = {name: "Peter"};

    return (
        <UserContext.Provider value={value}>
            <div>context parent</div>
            <ContextChild/>