Skip to content

Instantly share code, notes, and snippets.

Avatar
:octocat:
Time to React!

ozluy

:octocat:
Time to React!
View GitHub Profile
@ozluy
ozluy / turkey-city-district-neighbourhood.json
Last active April 25, 2021 23:03
Turkiye-il-ilçe-mahalle
View turkey-city-district-neighbourhood.json
{
"cities": [
{
"id": "5907ace2192af335e137e738",
"name": "Amasya",
"districts": [
{
"id": "5907acfd79e1f73602127f2e",
"cityId": "5907ace2192af335e137e738",
"name": "Hamamözü",
View git-cheat-sheet.md

delete all local branches except master

Mac

git branch | grep -v "master" | xargs git branch -D

Windows

git branch -D @(git branch | select-string -NotMatch "master" | Foreach {$_.Line.Trim()})

@ozluy
ozluy / ReactotronConfig.js
Created April 9, 2020 20:37
Rematch Reactotron setup for React Native
View ReactotronConfig.js
import Reactotron from 'reactotron-react-native'
import { reactotronRedux } from 'reactotron-redux'
import { AsyncStorage } from 'react-native'
const tron = Reactotron.configure() // AsyncStorage would either come from `react-native` or `@react-native-community/async-storage` depending on where you get it from // controls connection & communication settings
.useReactNative() // add all built-in react native plugins
.use(reactotronRedux()) // add all built-in react native plugins
.setAsyncStorageHandler(AsyncStorage)
.connect() // let's connect!
@ozluy
ozluy / example.js
Created September 9, 2019 14:02
Reducer JS
View example.js
const myArr = [{numbers:[1, 2, 3]}, {numbers:[4, 5, 6]}, {numbers:[7, 8, 9]}];
/** Reducer array of objects to array of numbers */
const myNewArr = myArr.reduce(
(acc, curr) => [...acc, ...curr.numbers],
[] //initialState
)
console.log(myNewArr)
View store.js
import { init } from '@rematch/core'
import * as models from './models'
const store = init({ models })
export default store
View Sayac.js
import React from 'react'
import { connect } from 'react-redux'
const Sayac = ({ deger, birEkle, birEkleAsync, yukleniyor }) => (
<div>
<h1>Sayaç değeri = {deger}</h1>
<button
onClick={event => {
event.persist()
birEkle()
@ozluy
ozluy / models.js
Last active August 20, 2019 22:52
models.js
View models.js
// sayac modeli
export const sayac = {
state: {
yukleniyor: false,
deger: 0,
}, // saf hal/durum (initial state)
reducers: {
// saf fonksiyon
birEkle: state => ({ ...state, ...{ deger: state.deger + 1 } }),
yukleniyoruAyarla: (state, payload) => ({ ...state, ...{ yukleniyor: payload } }),
@ozluy
ozluy / index.js
Last active August 20, 2019 22:48
Rematch Demo
View index.js
import React from 'react'
import ReactDOM from 'react-dom'
import { Provider } from 'react-redux'
import store from './store'
import Sayac from './Sayac'
ReactDOM.render(
<Provider store={store}>
<Sayac />
</Provider>,
@ozluy
ozluy / StripeScriptLoader.js
Last active September 25, 2019 12:21
Solution for loading Stripe.js and Stripe Elements
View StripeScriptLoader.js
import React, { useState, useEffect } from 'react'
const StripeScriptLoader = ({
children,
uniqueId,
script,
loader = 'Loading...',
}) => {
const [stripeLoaded, setStripeLoaded] = useState({})
useEffect(() => {
@ozluy
ozluy / .eslintrc
Last active April 10, 2022 05:16
Nextjs Eslint
View .eslintrc
//.eslintrc
{
"env": {
"browser": true,
"es6": true,
"commonjs": true
},
"plugins": ["react"],
"extends": [