Skip to content

Instantly share code, notes, and snippets.

View evaldosantos's full-sized avatar
🏠
Working from home

Evaldo Santos evaldosantos

🏠
Working from home
View GitHub Profile
docker run -p 3307:3306 --name mysql -e MYSQL_ROOT_PASSWORD=root -d mysql:5.7
@evaldosantos
evaldosantos / SelectField.tsx
Created December 11, 2020 23:26 — forked from hubgit/SelectField.tsx
Use react-select with Formik
import { FieldProps } from 'formik'
import React from 'react'
import Select, { Option, ReactSelectProps } from 'react-select'
export const SelectField: React.SFC<ReactSelectProps & FieldProps> = ({
options,
field,
form,
}) => (
<Select
@evaldosantos
evaldosantos / learning.md
Created November 30, 2020 12:07 — forked from sibelius/learning.md
Learning Path React Native

Basics

  • Learn how to start a new react native project
  • Run it on ios simulator, on android emulator, on a real iPhone device and on a real Android device, with and without debugging enabled.
  • Learn how to upgrade a react native project
  • Learn how to add a package to the project
  • Learn how to add a package that has a native dependency (https://github.com/airbnb/react-native-maps, https://github.com/evollu/react-native-fcm) - DO NOT USE COCOAPODS
  • Learn how to use fetch to get data from your backend

Learn Navigation

@evaldosantos
evaldosantos / learning.md
Created November 30, 2020 12:07 — forked from sibelius/learning.md
Learning Path React Native

Basics

  • Learn how to start a new react native project
  • Run it on ios simulator, on android emulator, on a real iPhone device and on a real Android device, with and without debugging enabled.
  • Learn how to upgrade a react native project
  • Learn how to add a package to the project
  • Learn how to add a package that has a native dependency (https://github.com/airbnb/react-native-maps, https://github.com/evollu/react-native-fcm) - DO NOT USE COCOAPODS
  • Learn how to use fetch to get data from your backend

Learn Navigation

const AuthenticatedHOC = Component => ({ isLoggedIn, ...otherProps }) =>
isLoggedIn ? <Component {...otherProps}> : <Redirect to="/">
// Component Dashboard
// ...
//
<Router>
<Route path="/dashboard" component={AuthenticatedHOC(Dashboard)} />
...
sudo apt-get update && sudo apt-get upgrade -y
sudo apt-get install curl git tmux zsh emacs tmux ubuntu-restricted-extras terminator build-essential htop dconf-editor gnome-tweaks tlp tlp-rdw rar unrar -y
img {
max-width: 100%;
height: auto;
}
The max-width of 100% will make sure the image is never wider than the container it is in.
The height of auto will make the image keep its original aspect ratio.
.sr-only {
position: absolute;
left: -10000px;
width: 1px;
height: 1px;
top: auto;
overflow: hidden;
}
If you need to have ncurses first in your PATH run:
echo 'export PATH="/usr/local/opt/ncurses/bin:$PATH"' >> ~/.bash_profile
For compilers to find ncurses you may need to set:
export LDFLAGS="-L/usr/local/opt/ncurses/lib"
export CPPFLAGS="-I/usr/local/opt/ncurses/include"
###########################
### Configuration
############################
#
# set Zsh as your default Tmux shell
set-option -g default-shell /bin/zsh
# use 256 term for pretty colors
set -g default-terminal "screen-256color"