Skip to content

Instantly share code, notes, and snippets.

View SerhioXXX's full-sized avatar
:electron:
Working from home

Serhii Melnyk SerhioXXX

:electron:
Working from home
View GitHub Profile
.className {
width: '40%',
height: '6px',
background: 'linear-gradient(to right, #3D90E3, #3D90E3)',
backgroundColor: '#ccc',
position: 'absolute',
top: 0,
bottom: 0,
left: 0,
right: 0,
@SerhioXXX
SerhioXXX / tokens.md
Created March 12, 2019 08:49 — forked from zmts/tokens.md
Про токены, JSON Web Tokens (JWT), аутентификацию и авторизацию. Token-Based Authentication

Про токены, JSON Web Tokens (JWT), аутентификацию и авторизацию. Token-Based Authentication

Основы:

Аутентификация(authentication, от греч. αὐθεντικός [authentikos] – реальный, подлинный; от αὐθέντης [authentes] – автор) - это процесс проверки учётных данных пользователя (логин/пароль). Проверка подлинности пользователя путём сравнения введённого им логина/пароля с данными сохранёнными в базе данных.

Авторизация(authorization — разрешение, уполномочивание) - это проверка прав пользователя на доступ к определенным ресурсам.

Например после аутентификации юзер sasha получает право обращатся и получать от ресурса "super.com/vip" некие данные. Во время обращения юзера sasha к ресурсу vip система авторизации проверит имеет ли право юзер обращатся к этому ресурсу (проще говоря переходить по неким разрешенным ссылкам)

{
"workbench.sideBar.location": "right",
"files.autoSave": "off",
"workbench.statusBar.feedback.visible": false,
"editor.minimap.enabled": false,
"markdown.preview.fontSize": 16,
"terminal.integrated.fontSize": 16,
"editor.tabSize": 2,
"workbench.editor.tabSizing": "shrink",
"editor.detectIndentation": false,
@SerhioXXX
SerhioXXX / Source list
Last active January 4, 2021 17:59
For Subscribe
1. https://blog.isquaredsoftware.com/series/idiomatic-redux/ - Idiomatic Redux
2. https://codesandbox.io/s/ - online IDE for codding
3. https://overreacted.io/how-does-react-tell-a-class-from-a-function/ - How Does React Tell a Class from a Function
4. http://flexboxfroggy.com/#ru - flex css game
5. https://www.youtube.com/watch?v=E6kLaaQFctU - Кастомные чекбоксы правильно
6. https://dmitrylavrik.ru/flexbox-generator - flexbox
7. https://autoprefixer.github.io/ru/ - автопрефиксер онлайн
8. https://codebeautify.org/xmlviewer - парсер кода
9. https://github.com/airbnb/javascript - Airbnb JavaScript Style Guide
10. https://github.com/piotrwitek/react-redux-typescript-guide - гайд по TS
@SerhioXXX
SerhioXXX / TS_setState_Function.tsx
Last active January 6, 2019 12:30
TS_setState_Function
this.setState(({someStateValue}, props) => ({
someStateValue: someStateValue + props.someProp,
}),
() => {
if (true) {
console.log('callback function');
}
}
);
@SerhioXXX
SerhioXXX / Immutable JS Examples
Created December 15, 2018 09:55 — forked from singhshivam/Immutable JS Examples
Immutable JS Examples
List()
var list = Immutable.List([1,2,3])
// [1, 2, 3]
List.isList()
Immutable.List.isList(list)
// true
List.of()
var list = Immutable.List.of(1,2,3);