Bash Alias and Functions

mackelele — Sun, 11 Sep 2022 05:51:53 +0000

Hello dev people.

When I started working in a Web Dev industry one of the first thing to learn was to setup shortcuts/alias and automate tasks.

Nobody wants to type repetitive tasks and build full starter packages every time the project starts.

This is where working with terminal commands and using functions and alias is beneficial, speeds up the work process and avoids repetitive typing.

I will be editing this post from time to time whenever I have something worth sharing.

Setup your first bash alias commands

win users install git bash, supports mac, but mac users have terminal which works just fine
open up ~/.bash_profile with your code editor or with nano,vim etc.
see examples for the alias command below
once you have finished with the ~/.bash_profile make sure to run the source ~/.bash_profile . Syntax errors should show up here if any


## Git commands

alias gs='git status'
alias gb='git branch'
alias commit='git commit -m "simple update"'
alias gpush='git push origin master'
# Copy SSH public key
alias sshcopy='clip < ~/.ssh/id_rsa.pub && echo "~/.ssh/id_rsa.pub Copied to clipboard"'
alias sshkey="cat ~/.ssh/id_rsa.pub | pbcopy && echo 'Copied to Clipboard.'"

## Tasks

alias cd..='cd ../'
alias cd2='cd ../../'
alias ll='ls -lha'
alias cls='clear'
alias eval='eval $\(ssh-agent -s\)'

# Start the Wamp Manager
alias wamp='start /f/wamp64/wampmanager.exe'

# MySQL Import/Export
alias slqdump='mysqldump -uroot -p mydatabasename'
alias slqimport='mysql -uroot -p mydatabasename < db/import.sql'


## Tar export with gz command for import/export

### make dir and then export tar into that
alias tarexport='echo provide 2 params, 1 is the tar file and 2 is the dir where tar will be exported'
function tarexport() { mkdir "$2" && tar -xvf "$1" -C "$2"; }

## TAR compress

alias tarmake='echo provide 2 params, 1 is the tar filename \(with gz\) and 2 param is what will be compressed into tar.gz'
function tarmake() { tar -czvf "$1" "$2"; }

React routing in production

mackelele — Thu, 25 Mar 2021 02:52:45 +0000

I am new to React and I've been developing a simple react web app. Now when I have shipped my code to the server I have issues with React Routing, in my case loading different components for different url path returns 404.

To remedy this I have adjusted the server apache conf file to redirect any ErrorDocument 404 to index.html. This is a temporary fix and I would really like to understand and solve this issue moving forward.

I tried to install node on my server (Digital Ocean droplet) but in order to do so I need more resources to allocate which I don't want to do if I don't have to.

Can somebody explain to me what can I do here to resolve the issue I am having.

This project is simple but I want to continue using React and expand to a bigger projects and web app.

Here part of the code that does Routing

import React from 'react';
import Header from './components/Header/Header';
import About from './components/Pages/About/About';
import Home from './components/Pages/Home/Home';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';

// import Bootstrap from 'react-bootstrap';
import './bootstrap.min.css';
// Default overwrite 
import './app.scss';
// Roboto Font


export default function App() {
  return (
    <>
    <Header />
      <Router>
        <Switch> 
          <Route path="/" exact component={Home}/>
          <Route path="/about" component={About}/>
          <Route path="/#contact" />
        </Switch>
      </Router>
    </>
  )
}

Here my component About is returning 404.

Any help appreciated.

DEV Community: mackelele

Bash Alias and Functions

React routing in production