Skip to content

Instantly share code, notes, and snippets.

View mcanv's full-sized avatar
💻
Coding...

Mehmet Can Vardar mcanv

💻
Coding...
  • MELIC - Mitsubishi Electric Innovation Center
  • Turkey
View GitHub Profile
@mcanv
mcanv / SecureStore.ts
Created November 25, 2023 07:23
Expo Secure Store Helper Function
import * as SecureStore from "expo-secure-store";
export const storeData = async (name: string, value: string): Promise<void> => {
try {
await SecureStore.setItemAsync(name, value);
} catch (err) {
console.log(err);
}
};
@mcanv
mcanv / example.tsx
Last active November 7, 2023 11:58
React Component Conditional Render
import { Case, Default, Switch } from "./ConditionalRender";
<Switch>
<Case condition={item.orderStatus == 2}>
<Text style={[styles.ordersItemSuccesText, { color: "black" }]}>
Yeni Sipariş
</Text>
</Case>
<Case condition={item.orderStatus == 3}>
<Text style={[styles.ordersItemSuccesText, { color: "black" }]}>
@mcanv
mcanv / sweetAlert.tsx
Created October 30, 2023 15:48
React Native Sweet Alert
import { FontAwesome5 } from "@expo/vector-icons";
import React, { useState, ReactNode } from "react";
import {
Modal,
Text,
TouchableOpacity,
View,
StyleSheet,
} from "react-native";
import * as Animatable from "react-native-animatable";
@mcanv
mcanv / Example Usage
Created October 29, 2023 19:46
Fetch Component
const { data, error, isLoading } = useFetch<FetchResult<object | any>>(
`https://jsonplaceholder.typicode.com/todos/1`
);
useEffect(() => {
console.log(data, error, isLoading);
}, [data, error, isLoading]);
@mcanv
mcanv / index.html
Created December 1, 2020 20:16
Alpinejs - Get data from api
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AlpineJS - Get data from api</title>
</head>
<body>
<h1>AlpineJS - Get data from api</h1>
<div x-data="app()" x-init="init()">
@mcanv
mcanv / index.html
Created December 1, 2020 18:22
AlpineJS Hello World
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AlpineJS Hello World</title>
</head>
<body>
<div x-data="app()">
<button x-on:click="toggleMessage()" x-text="messageShow ? 'Hide': 'Show'"></button>
@mcanv
mcanv / api.js
Created December 1, 2020 09:27
Jquery Api Example
$(document).ready(() => {
var post_content = $('#post')
$.ajax({
type: "GET",
url: 'http://localhost:3000/post',
dataType: "json",
beforeSend: () => {
$("#loading").show();
},
success: (result) => {