Skip to content

Instantly share code, notes, and snippets.

Avatar
🦄

Kyrylo Yakovenko blia

🦄
View GitHub Profile
View sql-tag.js
const mysql = require("mysql");
const { path, srcPath, host, user, password, database } = require("../config");
///
function exec(connection, query) {
return new Promise((res, rej) => {
connection.query(query, function(err, data) {
if (err) {
rej(err);
View proxy.md

index.js

const express = require('express');
// $ npm i glob
const globSync   = require('glob').sync;

let app = express();

let proxies = globSync('./proxies/**/*.js', { cwd: __dirname }).map(require);
View pi-home.js
const miio = require('miio');
const ws2812b = require('rpi-ws281x-native');
const { discover } = require('@w4f/lgtv/src/discover');
const { connect } = require('@w4f/lgtv/src/connect');
const { showFloat } = require('@w4f/lgtv/src/commands');
const { Strip, initStrip } = require('./Strip');
const { findCube, findDoorbell } = require('./utils');
async function initTV() {
let { address } = await discover(2000);
@blia
blia / draft.jsc
Last active Nov 18, 2017
Idea for defining web components
View draft.jsc
// Javascript component draft
// pure js with 3 new declarations Props, Styles and Template
import Link from 'link-component';
import PropTypes from 'prop-types';
Props engine PropTypes {
text: string = 'Hello'
}
View bt.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bluetooth Web API</title>
</head>
<body>
<button class="bt">BT</button>
<script>
let lamp = null
View test.js
var previewWidth = 320, // ширина превью
previewHeight = 240, // высота превью
maxFileSize = 5 * 1024 * 1024, // (байт) Максимальный размер файла (2мб)
selectedFiles = {},// объект, в котором будут храниться выбранные файлы
queue = [],
image = new Image(),
imgLoadHandler,
isProcessing = false,
errorMsg, // сообщение об ошибке при валидации файла
previewPhotoContainer = document.querySelector('#preview-photo'), // контейнер, в котором будут отображаться превью
View refactored.js
let price = 234
, tax = price * 0.05;
function currency(strings, ...expressions) {
const regExp = /^:c(\((.+),(.+)\))?/;
const local = (string, value) => {
const [currency, locale] = regExp.exec(string).slice(2);
return value.toLocaleString(locale, { style: 'currency', currency });
}
View css-in-js-use-case-1.md

##Избавляемся от презентационных классов

###CSS: with modules & nesting(PostCSS/Sass/Less/Stylus)

Как происходит сейчас. Обычно мы используем презентационные классы. Популярная, но не лучшая практика. Довольно частый кейс - добавить какое-то состояние компоненту. Мы в css создаем класс-модификатор is-active.

style.css

.action {
View lamp.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bluetooth Web API</title>
</head>
<body>
<input class="range" id="r" value="255" max="255" type="range"/>
<input class="range" id="g" value="255" max="255" type="range"/>
<input class="range" id="b" value="255" max="255" type="range"/>
@blia
blia / Dev UA Quotes.md
Last active Nov 13, 2017 — forked from siriniok/Dev UA Quotes.md
Dev UA Quotes
View Dev UA Quotes.md

Feel free to add new quotes.


blia Dec 22 14:43

форкни фетч еба


Iurii Plugatariov @strangeworks Sep 18 22:09