Skip to content

Instantly share code, notes, and snippets.

View satya164's full-sized avatar
🦋
Trying…

Satyajit Sahoo satya164

🦋
Trying…
View GitHub Profile
// Usage:
// Go to `Sublime Text > Browse Packages`
// Place the file under `User` directory
{
"scope": "source.js",
"completions":
[
// Top-level API
@satya164
satya164 / react-native-release.sh
Last active December 21, 2015 10:44
Release script for React Native (WIP)
#! /bin/bash
RELEASE="$1"
JAVA_VERSION="1.8"
RED="\033[0;31m"
GREEN="\033[0;32m"
BLUE="\033[0;34m"
ENDCOLOR="\033[0m"
# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
# editor.onDidSave ->
@satya164
satya164 / sbc-api-react-es5.sublime-settings
Last active September 15, 2016 09:27
Sublime Text auto-completions for ReactJS (ES5)
// Usage:
// Go to `Sublime Text > Browse Packages`
// Place the file under `User` directory
// Enable the `react-es5` in `sb-setting.sublime-settings` (refer <https://github.com/Pleasurazy/Sublime-Better-Completion/>)
{
"scope": "source.js",
"completions":
[
@satya164
satya164 / MainActivity.java
Last active December 2, 2016 20:03
react-native-fbsdk in React Native 0.29.+
public class MainActivity extends ReactActivity {
/**
* Returns the name of the main component registered from JavaScript.
* This is used to schedule rendering of the component.
*/
@Override
protected String getMainComponentName() {
return "MyApp";
}
/* @flow */
import types from 'ast-types';
import { parse } from 'babylon';
const config = {
"sourceType": "module",
"plugins": [
"jsx",
"flow",

JavaScript Style Library Wishlist

  • Familiar CSS syntax: Using CSS syntax makes it easier to copy/paste code from devtools and the internet, and a huge productivity boost.
  • SCSS like & shorhand: Super nice to write things like &:hover without having to write selectors again.
  • Nesting media queries: Nice to nest media queries inside a style block instead of having to declare it like plain CSS.
  • Support for CSS animations: CSS animations are great :)
  • No coupling to HTML tag: HTML tags have semantic meaning, and coupling styles to HTML tags makes it harder to re-use the same styles, for example, sometimes some of my buttons and links have similar styles and I don't wanna repeat them.
  • Easy to override styles: Overriding styles is one of the main pain points. Many libs don't do anything special and just produce different class names for the styles I declare. Due to no class name having higher specificity, the styles depend on the declaration order which can produce inconsistent
@satya164
satya164 / sbc-api-react.sublime-settings
Last active June 4, 2017 08:22
Sublime Text auto-completions for ReactJS
// Usage:
// Go to `Sublime Text > Browse Packages`
// Place the file under `User` directory
// Enable the `react` in `sb-setting.sublime-settings` (refer <https://github.com/Pleasurazy/Sublime-Better-Completion/>)
{
"scope": "source.js",
"completions":
[
@satya164
satya164 / babel-codemod-aphrodite-to-styled-components.js
Created August 9, 2018 16:10
aphrodite to styled-components codemod
const dashify = text => text.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
const unitless = {
animationIterationCount: true,
borderImageOutset: true,
borderImageSlice: true,
borderImageWidth: true,
boxFlex: true,
boxFlexGroup: true,
boxOrdinalGroup: true,
columnCount: true,
@satya164
satya164 / tslint.json
Created December 20, 2018 14:13
My TSLint config
{
"extends": ["tslint:recommended", "tslint-config-prettier"],
"rulesDirectory": ["tslint-plugin-prettier", "tslint-microsoft-contrib"],
"rules": {
"prettier": true,
"deprecation": true,
"interface-over-type-literal": false,
"member-access": [true, "no-public"],
"no-default-export": false,