Skip to content

Instantly share code, notes, and snippets.

View ademilter's full-sized avatar

Adem ilter ademilter

View GitHub Profile
@ademilter
ademilter / api.js
Created April 25, 2022 15:42
@upstash/chatbox
// pages/api/chatbox/[...chatbox].js
import createChatBoxAPI from "@upstash/chatbox/api";
const ChatBoxAPI = createChatBoxAPI({
webhooks: [process.env.SLACK_WEBHOOK_URL!],
});
export default ChatBoxAPI;
@ademilter
ademilter / index.tsx
Last active March 23, 2022 15:42
manageable component
<SectionBlockContainer>
<SectionBlock>
<SectionBlockIcon>
<Drafts />
</SectionBlockIcon>
<SectionBlockTitle>Marketing Emails</SectionBlockTitle>
<SectionBlockSummary>
Receive occasional news from Upstash teams, and promotional
offers.
@ademilter
ademilter / DynamicText.jsx
Created February 28, 2022 22:06
Inter dynamic tracking as a React component
// https://rsms.me/inter/dynmetrics
const DynamicText = ({ className, children, fontSize = 15, tag = "span" }) => {
const pxToRem = (px) => {
return Number(px * 0.0625)
}
const dynamicLeading = (z) => {
const l = 1.4
return Number(pxToRem(Math.round(z * l)))
@ademilter
ademilter / Component.js
Created October 4, 2021 12:10
react detecting focus of a browser window get data
export default function Component() {
const [isFocus, setIsFocus] = useState(true)
const { getData } = useContext(RedisDatabaseStoreContext)
useInterval(async () => {
if (!isFocus) return
await getData()
}, 5000)
useEffect(() => {
@ademilter
ademilter / create-component.js
Last active April 11, 2021 01:12
figma variant generator
const baseComponents: ComponentNode = selection()[0];
if (!baseComponents) return alert("Not selected!");
const w = baseComponents.width;
const h = baseComponents.height;
const fixedItem = "value";
const childNames = baseComponents.children.map((c) => c.name);
const combinations: [[String]] = getCombinations(childNames);
Auth0 Brand Evolution
https://auth0.design/
Great designers are strong at "product thinking."
https://twitter.com/joulee/status/1357748477548089344
Webpack Nedir?
http://devnot.com/2021/webpack-nedir-webpacke-detayli-bir-bakis/
Chalk
Modern Web Uygulamaları ve Performans
https://kommunity.com/frontend-istanbul/events/modern-web-uygulamalari-ve-performans-3c61fed8
Rıza Selçuk Saydam ile "Facebook'ta Tasarım ve İşe Alım Süreçleri
https://open.spotify.com/episode/0obHOgbbE4tRDZsJ05OZxD?si=_M9TQ9flRn6tRMXc2p8HTA&nd=1
Tüm ülkece rahatlayabiliriz. Garanti 3D secure ekrenı değişmiş.
https://twitter.com/oguzguc/status/1356127686423425026
Woke up this morning and found this new lovely interface upgrade! ✨
Flagpack
https://www.flagpack.xyz/
Sunucu-taraflı React Component’leri ve Stream’ler
https://hwclass.medium.com/react-server-componentleri-ve-stream-ler-c5faa803f1ee
Makefile Tutorial By Example
https://makefiletutorial.com/
Flat image → interactive layers ✨
Haftalık Özet #2
Telegram + MonoSay ile SPAM Engelleyen Bot Geliştirmek
https://www.youtube.com/watch?v=mcojBOUpfns&feature=youtu.be
Volta: JavaScript Tool Manager Nedir?
https://link.medium.com/aKLF1qgC2cb
Dünyanın en büyük ilaç şirketlerinden Pfizer, logosunda yenilenmeye gitti
https://twitter.com/akselceylan/status/1349735843171364864