Skip to content

Instantly share code, notes, and snippets.

View zilahir's full-sized avatar
🍺

Richard Zilahi zilahir

🍺
View GitHub Profile
@zilahir
zilahir / Home.js
Created February 17, 2020 14:10
fetchData with props
/* eslint-disable react/prop-types */
/* eslint-disable no-unused-vars */
/* eslint-disable no-console */
import React, { useState, useEffect } from 'react'
import { api } from '../api'
import { useServerData } from '../state/serverDataContext'
import Cover from './Cover'
import Header from './Header'
import styles from '../styles/root/Root.module.scss'
@zilahir
zilahir / getDaysInMonth.js
Created January 12, 2020 21:33
get all day iin a month
const d = new Date()
const currentYear = d.getFullYear()
const months = Array(12).fill().map((e,i) => i)
// console.debug('currentYear', currentYear)
// console.debug(months)
const getDaysInMonth = (month, year) => (new Array(31)).fill('').map((v,i)=>new Date(year,month-1,i+1)).filter(v=>v.getMonth()===month-1)
console.debug(getDaysInMonth(1, currentYear))
# Uses
## Editor
- [Visual Studio Code](https://code.visualstudio.com/download) (settings [here](https://gist.github.com/diurivj/ca5222271a32336273ac1c5a168e8166))
- [lucy](https://marketplace.visualstudio.com/items?itemName=juliettepretot.lucy-vscode) editor theme by [juliettepretot](https://marketplace.visualstudio.com/publishers/juliettepretot)
- [Dank Mono](https://dank.sh/) font by [Phil Plückthun](https://twitter.com/_philpl)
## Chrome Extensions
- [JSON Viewer](https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh)
- [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)
@zilahir
zilahir / pre-commit.sh
Created January 5, 2020 22:52
prevent commit to master branch
#!/bin/sh
branch="$(git rev-parse --abbrev-ref HEAD)"
if [ "$branch" = "master" ]; then
echo "You can't commit directly to master branch"
exit 1
fi
@zilahir
zilahir / App.js
Last active August 19, 2019 10:57
my react app stack navigation
import React from "react";
import { createAppContainer, createStackNavigator, createSwitchNavigator, createDrawerNavigator, createBottomTabNavigator } from "react-navigation"
import { Vibration, Text } from 'react-native'
import Icon from '@expo/vector-icons/Ionicons'
import IconBadge from 'react-native-icon-badge'
import { FontAwesome, MaterialCommunityIcons, MaterialIcons } from '@expo/vector-icons'
import UserWelsomeScreen from './screens/UserWelcomeScreen/UserWelcomeScreen'
import HistoryScreen from './screens/HistoryScreen/HistoryScreen'
import HomeScreen from './screens/Home/HomeScreen'
import QrReadScreen from "./screens/QrReadScreen/QrReadScreen"
@zilahir
zilahir / wordpress.config
Created November 9, 2018 14:26
nginx config file for docker wordpress
server {
listen 80;
server_name 127.0.0.1;
root /var/www/html;
index index.php;
access_log /var/log/nginx/access.log;
error_log /var/log/nginx/error.log;
@zilahir
zilahir / demo.js
Created July 24, 2019 09:57
eslint-error
/* eslint-disable */
import React from 'react'
import PropTypes from 'prop-types'
import LibraryHeaderStyle from './LibraryHeader.module.scss'
const LibraryHeader = (props) => {
const { selectedTab } = props
import React, { Component } from 'react'
import { View, StyleSheet, Text, StatusBar, ActivityIndicator, LinearGradient, Image, NetInfo, Animated, Dimensions, Easing } from 'react-native'
import { connect } from 'react-redux'
import firebase from 'firebase'
import { Facebook } from 'expo'
import { TextField } from 'react-native-material-textfield'
import Button from '../../components/common/Button'
import { colors } from '../../styles/colors'
import Logo from '../../../assets/logo.png'
import { setUser } from "../../actions/setUser"
@zilahir
zilahir / Navigation.js
Created May 10, 2019 07:16
react-native navigation
import React from 'react';
import { Platform } from 'react-native';
import {
createBottomTabNavigator,
createStackNavigator,
createDrawerNavigator,
createAppContainer,
createSwitchNavigator,
DrawerNavigator
} from 'react-navigation';
@zilahir
zilahir / App.js
Last active May 10, 2019 07:50
app.js
import React, { Component } from 'react';
import { StatusBar, Platform } from 'react-native';
import { Provider, connect } from 'react-redux';
import { ThemeProvider } from 'styled-components';
import styled from 'styled-components/native';
import { FormattedWrapper } from 'react-native-globalize';
import firebase from 'firebase';
import messages from './Messages';
import store from './store';
import { colors } from './utils/constants';