ozcanzaferayan

SVG file (./src/images/ic_youtube.svg):

<?xml version="1.0" ?>
<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
  <path d="M21.582,6.186c-0.23,-0.86 -0.908,-1.538 -1.768,-1.768C18.254,4 12,4 12,4S5.746,4 4.186,4.418c-0.86,0.23 -1.538,0.908 -1.768,1.768C2,7.746 2,12 2,12s0,4.254 0.418,5.814c0.23,0.86 0.908,1.538 1.768,1.768C5.746,20 12,20 12,20s6.254,0 7.814,-0.418c0.861,-0.23 1.538,-0.908 1.768,-1.768C22,16.254 22,12 22,12S22,7.746 21.582,6.186zM10,15.464V8.536L16,12L10,15.464z" fill="#000000FF"/>
</svg>

CLI usage:

svgr ./src/images -d ./src/svg --native --icon --svg-props "width=24,height=24"

ozcanzaferayan

const { withGradleProperties } = require("expo/config-plugins");

// This plugin sets the JVM heap size to 4GB
module.exports = (config) => {
  config = withGradleProperties(config, (config) => {
    const projectGradle = config.modResults;
    // Find index of org.gradle.jvmargs
    const index = projectGradle.findIndex(
      (x) => x.key === "org.gradle.jvmargs",
    );

ozcanzaferayan

Algoritmalar

• Atama Operatörü (Assignment operator) =
  • x + y = z (Yasak)
  • x = 2
  • x = y + z
• Algoritma adımları

1. Başla
2. X'i olustur
3. X'e 3 degerini ata

ozcanzaferayan

import { useState } from "react";

const HayaletSevgilim = () => {
  const [ceza, setCeza] = useState("Ceza mı bu");
  const [cile, setCile] = useState("Çektiğim çile mi");
  const [nobet, setNobet] = useState("Yıllardır tuttuğum nöbet bitmeyecek mi?");
  const [karTanesi, setKarTanesi] = useState("Bir küçük kar tanesi gibiyim");
  const [don, setDon] = useState("Avucunda eriyen dön bebeğim");
  const [gosyasi, setGozyasi] = useState("Gözyaşlarını görürsem");
  const [kanatlarim, setKanatlarim] = useState("Erir kanatlarım");

ozcanzaferayan

const redis = {
    // Anahtar-değer çiftleri
    "anahtar1": "değer1",
    "anahtar2": "değer2",
    
    // Bir liste benzetimi
    "listeAnahtarı": ["eleman1", "eleman2", "eleman3"],
    
    // Bir set benzetimi (JavaScript Set kullanarak)
    "setAnahtarı": new Set(["eleman1", "eleman2"]),

ozcanzaferayan

import type { ConfigContext, ExpoConfig } from "@expo/config";

const defineConfig = (_: ConfigContext): ExpoConfig => ({
  name: "My project",
  slug: "my-project",
  plugins: [
    ["./plugins/mylibrary.plugin.js"],
  ],
});

ozcanzaferayan

{
  "Component": {
    "prefix": ["comp"],
    "body": [
      "import { View, Text } from 'react-native'",
      "import React from 'react'",
      "",
      "type Props = {}",
      "",
      "const ${TM_FILENAME_BASE} = (props: Props) => {",

ozcanzaferayan

import { useNavigation } from "expo-router";
import { useEffect } from "react";
import { FlatList } from "react-native";

export const useTabPressScroll = <T>(ref: React.RefObject<FlatList<T>>) => {
  const navigation = useNavigation();
  useEffect(() => {
    // @ts-expect-error tabPress is not in the type
    const unsub = navigation.addListener("tabPress", (evt) => {
      if (navigation.isFocused()) {

ozcanzaferayan

import React from 'react';
import { View } from 'react-native';

export const App: React.FC = () => {
  return (
    <View style={{flexDirection: 'row', justifyContent:'center'}}>
      <DonutChart radius={15} percentage={25} width={100}/>
      <DonutChart radius={15} percentage={65} width={100}/>
      <DonutChart radius={15} percentage={70} width={100}/>

ozcanzaferayan