Romel Gomez romelgomez

Libraries and Tools for React

Components and Component Libraries

If you're developing an application based on React it can be helpful if you don't need to develop all the basic UI components yourself. Here you can find a list with various components, component libraries and complete design systems developed with and for React.

Component libraries and Design Systems

Brands (official design systems by various companies and products)

Git Submodules basic explanation

Why submodules?

In Git you can add a submodule to a repository. This is basically a repository embedded in your main repository. This can be very useful. A couple of advantages of using submodules:

You can separate the code into different repositories.

Git

Global Settings

Related Setup: https://gist.github.com/hofmannsven/6814278
Related Pro Tips: https://ochronus.com/git-tips-from-the-trenches/
Interactive Beginners Tutorial: http://try.github.io/
Git Cheatsheet by GitHub: https://services.github.com/on-demand/downloads/github-git-cheat-sheet/

Reminder

Press minus + shift + s and return to chop/fold long lines!

MySQL

Getting started

Docker

Shortcuts

$ curl -fsSL https://raw.github.com/tcnksm/docker-alias/master/zshrc >> ~/.bashrc && source ~/.bashrc

# ------------------------------------

Automation for the People

Long ago, the first time I read "The Pragmatic Programmer", I read some advice that really stuck with me.

"Don't Use Manual Procedures".

This in the chapter on Ubiquitous Automation. To summarize, they want you to automate all the things.

The trouble was that I hadn't much of an idea how to actually go

	// Add a 401 response interceptor
	window.axios.interceptors.response.use(function (response) {
	return response;
	}, function (error) {
	if (401 === error.response.status) {
	swal({
	title: "Session Expired",
	text: "Your session has expired. Would you like to be redirected to the login page?",
	type: "warning",
	showCancelButton: true,

	```
	alias dev="git checkout dev"
	alias master="git checkout master"
	alias add="git add ."
	alias pull="git pull"
	alias push="git push"
	alias fe="git fetch"
	alias s="git status"
	git config --global alias.superlog "log --graph --abbrev-commit --decorate --date=relative --format=format:'%C(bold blue)%h%C(reset) - %C(bold green)(%ar)%C(reset) %C(white)%s%C(reset) %C(dim white)- %an%C(reset)%C(bold yellow)%d%C(reset)' --all"
	git config --global alias.c checkout

	// based on Алексей Сердюков's answer at Stackoverflow (https://stackoverflow.com/a/50837219/1143392)

	import {
	Directive,
	Input,
	OnDestroy,
	OnInit
	} from '@angular/core';
	import { MediaObserver } from '@angular/flex-layout';
	import { MatGridList } from '@angular/material';

	#! /bin/bash

	sudo apt-get install gnutls-bin

	gnutls-cli -p 443 github.com

	# If status certificate is not trusted >>> Status: The certificate is trusted.

	sudo dpkg-reconfigure ca-certificates