Skip to content

Instantly share code, notes, and snippets.

@gys-dev
gys-dev / getSize.ts
Created June 25, 2022 15:01
Resposive
import { Dimensions, PixelRatio } from 'react-native'
const guidelineBaseWidth = 390
const guidelineBaseHeight = 844
const { height, width } = Dimensions.get('window')
/**
*
* @param size: fontSize of text
* @returns re-calculate fontSize of text
*/
export function normalize(fontSize: number): number {
@gys-dev
gys-dev / docker-compose.yml
Last active April 15, 2022 15:16
Only MySQL
version: "3"
services:
mysql:
image: mysql:5.7
container_name: mysql
environment:
MYSQL_DATABASE: 'mysql'
# We cannot set user as 'root' if mysql is below version of 5.x: https://github.com/docker-library/mysql/issues/129
# MYSQL_USER: 'root'
@gys-dev
gys-dev / nginx_config_site
Created February 22, 2022 03:15
Sample Nignx Config
server {
server_name quizzes.vfftech.com vumax.me;
access_log /var/log/nginx/app.log;
error_log /var/log/nginx/app.error.log;
location / {
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $http_host;
proxy_pass http://localhost:3000;
- (NSString *)operationDefinition{
return [NSString stringWithFormat:
@"query getListCollection{"
" collectionOfCategory(category_id:%d,page: %d, where: %@) {"
" data {"
" name"
" id"
" description"
" image"
" classes {"
@gys-dev
gys-dev / package.json
Created October 7, 2021 03:22
Quick Import Module Node JS
/* in src/api
package.json
API.JS
Const.js
*/
{
"name": "@api"
}
@gys-dev
gys-dev / TodoList.js
Last active October 5, 2021 04:19
custom hook api
import React from "react";
import "./style.css";
import useApi from "./useApi.js";
import Loader from "./Loader";
const { useRef, useEffect } = React;
export default function TodoList(props) {
const BASE_URL = `https://guysgv.wixsite.com/todo-api/_functions/todo/${
props.selectedList.id
}`;
@gys-dev
gys-dev / mergerefs.js
Created October 4, 2021 08:45
merge_refs
export const mergeRefs = (...refs) => {
const filteredRefs = refs.filter(Boolean);
if (!filteredRefs.length) return null;
if (filteredRefs.length === 0) return filteredRefs[0];
return inst => {
for (const ref of filteredRefs) {
if (typeof ref === 'function') {
ref(inst);
} else if (ref) {
ref.current = inst;
import React from 'react'
import {NavigationContainer} from '@react-navigation/native'
import {createStackNavigator} from '@react-navigation/stack'
import {
Splash,
Intro
} from '../screens'
import {Screens} from '../comon/Constants'
import MainNavigate from './MainNavigate'
import AuthNavigate from './AuthNavigate'
import React from 'react'
import {NavigationContainer} from '@react-navigation/native'
import {createStackNavigator} from '@react-navigation/stack'
import {
Auth,
Login,
SignUp
} from '../screens'
import {Screens} from '../comon/Constants'
import React from 'react'
import {NavigationContainer} from '@react-navigation/native'
import {createStackNavigator} from '@react-navigation/stack'
import {
Auth,
Login,
SignUp
} from '../screens'
import {Screens} from '../comon/Constants'