Skip to content

Instantly share code, notes, and snippets.

View alexHlebnikov's full-sized avatar

Alexander Khlebnikov alexHlebnikov

View GitHub Profile
@re-gor
re-gor / index.js
Created November 10, 2020 17:06
Типограф для webstorm
const Typograf = require('typograf');
const inputText = Array.from(process.argv).slice(2).join(' ');
const typograf = new Typograf({locale: ['ru', 'en-US'], htmlEntity: {type: 'name', onlyInvisible: true}});
const processedText = typograf.execute(inputText);
pbcopy(processedText.replace(/ /g, '\\u00A0'));
function pbcopy(data) {
var proc = require('child_process').spawn('pbcopy');
proc.stdin.write(data);
@KRostyslav
KRostyslav / tsconfig.json
Last active January 2, 2025 15:59
tsconfig.json с комментариями.
// Файл "tsconfig.json":
// - устанавливает корневой каталог проекта TypeScript;
// - выполняет настройку параметров компиляции;
// - устанавливает файлы проекта.
// Присутствие файла "tsconfig.json" в папке указывает TypeScript, что это корневая папка проекта.
// Внутри "tsconfig.json" указываются настройки компилятора TypeScript и корневые файлы проекта.
// Программа компилятора "tsc" ищет файл "tsconfig.json" сначала в папке, где она расположена, затем поднимается выше и ищет в родительских папках согласно их вложенности друг в друга.
// Команда "tsc --project C:\path\to\my\project\folder" берет файл "tsconfig.json" из папки, расположенной по данному пути.
// Файл "tsconfig.json" может быть полностью пустым, тогда компилятор скомпилирует все файлы с настройками заданными по умолчанию.
// Опции компилятора, перечисленные в командной строке перезаписывают собой опции, заданные в файле "tsconfig.json".
@chetstone
chetstone / patch33x.sh
Created April 15, 2018 23:29
Patching React-Native in a script run by npm/yarn postinstall
#!/bin/sh
# Fix RN version 33
yarn list react-native |grep react-native |grep 0.33
if [ $? -eq 0 ];
then
echo "Checking that ReactNative v 33 is patched"
cd node_modules/react-native
patch -N -p1 --dry-run --silent < ../../notes/rn33.3x.patch >/dev/null 2>&1
if [ $? -eq 0 ];
@MrToph
MrToph / Axis.js
Created June 21, 2017 21:16
Charts in React Native with React-Native-SVG and D3.js
import React, { Component, PropTypes } from 'react'
import { G, Line, Path, Rect, Text } from 'react-native-svg'
import * as d3scale from 'd3-scale'
import { dateToShortString } from '../utils'
export default class Axis extends Component {
static propTypes = {
width: PropTypes.number.isRequired,
ticks: PropTypes.number.isRequired,
x: PropTypes.number,
@raldred
raldred / location.js
Last active November 5, 2017 13:42
Location Component for react native with workaround for Android issue https://github.com/facebook/react-native/issues/7495
export default class Location extends Component {
constructor(props) {
super(props);
this._locationReceived = false;
this._locationWatchID = null;
};
componentDidMount() {
@cvan
cvan / webgl-detect-gpu.js
Last active January 2, 2025 23:46
use JavaScript to detect GPU used from within your browser
var canvas = document.createElement('canvas');
var gl;
var debugInfo;
var vendor;
var renderer;
try {
gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
} catch (e) {
}
@earnubs
earnubs / index.js
Created February 10, 2017 21:40
HMR with reach-hot-loader3 and webpack 2
import { AppContainer } from 'react-hot-loader';
import React from 'react';
import { Provider } from 'react-redux';
import { createStore } from 'redux';
import { render } from 'react-dom';
import App from './containers/app';
import reducers from './reducers';
// Grab the state from a global variable injected into the server-generated HTML
@brthornbury
brthornbury / reactsjs-scroll-in-nav.md
Created February 3, 2017 05:49
Simple ReactJS component to support a navbar becoming visible after the user scrolls down the page.

Ensure you have raf installed: npm install --save raf

This is the code for the component.

import raf from 'raf';

export default class ScrollInNav extends Component {
  static propTypes = {
    scrollInHeight: React.PropTypes.number
@heron2014
heron2014 / react-native-maps-enable-google-maps-instructions.md
Last active May 21, 2024 07:25
Visual instructions how to enable Google Maps on IOS using react-native-maps

Visual instructions how to enable Google Maps on IOS using react-native-maps

UPDATE: Following instructions are now a year old. I have recently managed to upgrade react-native-maps from 0.17 to the latest version 0.21 with react-native 0.51 - if you want to follow my instruction scroll down to the end this doc! Hope that will work for you too!

This is for my personal use, things might not be correctly explained here. For the official docs please check https://github.com/airbnb/react-native-maps

Steps from scratch:

1.react-native init GoogleMapPlayground