Заметки фронтендера
20 subscribers
11 photos
11 files
55 links
Инструкции и советы по react, typescript, webpack
Download Telegram
Серия постов о новвоведениях TypeScript начиная с версии 2.0
https://blog.mariusschulz.com/series/typescript-evolution
#typescript #tsx #blog #whatsnew
Конфиг nginx для корректной работы роутов SPA.
location / {
try_files $uri $uri/ /index.html?$args;
}

#nginx #spa
О чем не стоит забывать при настройке своего OpenVPN.
Прописываем правила iptables. Нужно разрешить клиентам из подсети 10.8.0.0/24 доступ в интернет, разрешить принимать пакеты из интернета и пропустить трафик клиентов через NAT.

iptables -A FORWARD -s 10.8.0.0/24 -j ACCEPT
iptables -A FORWARD -m state --state RELATED,ESTABLISHED -j ACCEPT
iptables -t nat -A POSTROUTING -s 10.8.0.0/24 -o eth0 -j MASQUERADE

Чтобы правила не сбросились после перезагрузки, добавляем их в /etc/rc.local.

Включаем форвардинг в ядре: в /etc/sysctl.conf добавляем (или раскомментируем) строку

net.ipv4.ip_forward=1

Чтобы форвардинг заработал без перезагрузки, делаем

$ echo 1 > /proc/sys/net/ipv4/conf/all/forwarding

#vpn #openvpn
Посомтреть кто занял порт
lsof -n -i:3000
#port #ports #lsof
Сгенерировать ssh ключ для сервера.
На локальной машине запустить:
ssh-keygen -f ~/.ssh/serverKey
ssh-copy-id -i ~/.ssh/serverKey user@host.com
Всё.
ssh -i ~/.ssh/serverKey user@host.com
#flex #scroll #верстка #css #flexbox
Флекс с горизонтальным скроллом.
.parent {
overflow: auto;
}
.children {
display: flex;
flex: 0 0 auto;
}
Включение дебаггера в vscode.
1. Установить расширение: https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
2. Кликнуть на пункте меню debug, рядом со кнопкой "play" клацнуть и добавить конфиг:
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "attach",
"name": "Attach to Chrome",
"port": 9229,
"urlFilter": "http://ahushh-mac.local*",
"webRoot": "${workspaceFolder}"
}
]
}

3. Запустить хром с указанием нужного порта для дебага, например под Mac OS:
open -a "Google Chrome Canary.app" --args --remote-debugging-port=9229
#debug #debugging #vscode #chrome
Prettier работающий под любой ОС из консольки.
1. В package.json в scripts добавляем:
"prettier": "cross-env prettier --write 'src/**/*.{js,ts,tsx}'",
2. npm run prettier
3. ??????
4. PROFIT!!!
#css #prettier #windows
Восстановление удаленных/потерянных/проебанных коммитов/веток в git:
git reflog
git reset head@{номер из reflog}
#git #reglog
Как переименовать файл с помощью mv без необходимости вводить путь дважды? Я джва года искал этот способ!
mv screens/Suppliers/Card/Presence/{фдд,all}.csv
#unix #bash #mv #magick #tips #lifehack #shell
Быстро ставим fzf плагин для oh-my-zsh, чтобы иметь мега-крутой поиск по истории команд в консольке нажатием на Ctrl+R:

(линк: https://github.com/junegunn/fzf)

brew install fzf

echo export FZF_BASE=/usr/local/opt/fzf >> .zshrc

#terminal #console #macos #mac #iterm #zsh #ohmyzsh #fzf #shell #zsh #bash