Skip to content

Instantly share code, notes, and snippets.

View OkancanCosar's full-sized avatar
😎
Focusing To React-Native

OkancanCosar

😎
Focusing To React-Native
View GitHub Profile
@OkancanCosar
OkancanCosar / index.tsx
Last active April 7, 2025 10:15
useQuery cancel signal
import React, { useEffect, useRef } from 'react'
import { View } from 'react-native'
import { useQuery, useQueryClient } from '@tanstack/react-query'
import { useIsFocused } from '@react-navigation/native'
export const MyScreen = () => {
const isFocused = useIsFocused();
const queryClient = useQueryClient();
const controllerRef = useRef<AbortController | null>(null);
@OkancanCosar
OkancanCosar / index.tsx
Created April 7, 2025 08:32
useMutation cancel signal
import React, { useEffect, useRef, useState } from 'react'
import { View } from 'react-native'
import { useMutation } from '@tanstack/react-query'
export const MyScreen = () => {
const [data, setData] = useState<number[]>([])
const controllerRef = useRef<AbortController | null>(null);
const getListMutation = useMutation({
mutationFn: async () => {
@OkancanCosar
OkancanCosar / User.ts
Last active July 20, 2024 05:50
PostgreSQL [[many-to-many]]
import { DataTypes, literal, Model, Optional } from 'sequelize';
import { v4 as uuidv4 } from 'uuid';
import { sequelize } from './connection';
import { UserDetail } from './UserDetail';
interface Attributes {
uuid: string;
name: string;
position: string;
@OkancanCosar
OkancanCosar / User.ts
Last active July 20, 2024 05:50
PostgreSQL [[one-to-many]]
import { DataTypes, literal, Model, Optional } from 'sequelize';
import { v4 as uuidv4 } from 'uuid';
import { sequelize } from './connection';
import { UserDetail } from './UserDetail';
interface Attributes {
uuid: string;
name: string;
position: string;
@OkancanCosar
OkancanCosar / User.ts
Last active July 20, 2024 05:50
PostgreSQL [[one-to-one]]
import { DataTypes, literal, Model, Optional } from 'sequelize';
import { v4 as uuidv4 } from 'uuid';
import { sequelize } from './connection';
import { UserDetail } from './UserDetail';
interface Attributes {
uuid: string;
name: string;
position: string;
@OkancanCosar
OkancanCosar / App.tsx
Last active January 18, 2024 14:03
Download file button
import React, { useState } from 'react'
import { StyleSheet, TouchableOpacity, View, Text, Alert } from 'react-native'
import RNFS from 'react-native-fs'
const perc2color = (perc: number) => {
var r, g, b = 0
if (perc < 50) {
r = 255
g = Math.round(5.1 * perc)
}
@OkancanCosar
OkancanCosar / index.js
Created January 18, 2024 13:05
percentage to hex color
const perc2color = (perc: number) => {
var r, g, b = 0;
if (perc < 50) {
r = 255;
g = Math.round(5.1 * perc);
}
else {
g = 255;
r = Math.round(510 - 5.10 * perc);
}
@OkancanCosar
OkancanCosar / app.tsx
Created August 12, 2022 11:22
React object list state manuplate
import {useState} from 'react';
const App = () => {
const initialState = [
{id: 1, country: 'Austria'},
{id: 2, country: 'Belgium'},
{id: 3, country: 'Canada'},
];
const [data, setData] = useState(initialState);
@OkancanCosar
OkancanCosar / app.json
Created August 2, 2022 06:13
LocalAuthentication with expo
...
expo > ios > infoPlist
"NSFaceIDUsageDescription": "This app use face id authentication."
...
@OkancanCosar
OkancanCosar / OkanKeyboard.js
Last active October 1, 2019 07:38
dismis keyboard when click somewhere and scrool when keyboard open
import { PropTypes } from "prop-types";
import React, { Component } from "react";
import {
Animated,
Dimensions,
Keyboard,
StyleSheet,
TextInput,
UIManager,
TouchableWithoutFeedback