Frontend developer | React, TypeScript
Joined December 2021
- Tweets 111
- Following 253
- Followers 14
- Likes 138
26 Photos and videos
merth.dev retweeted
15 Aug 2023
Future CSS Tip! 🔮
You can create this parallax-like image grid effect using scroll-driven animation and the reusable keyframe technique from the other day 🔥
.collage {
height: 200vh;
view-timeline: --collage; (The blue dashed element)
}
.photo {
animation-name: travel;
animation-fill-mode: both;
animation-timing-function: linear;
animation-timeline: --collage;
animation-range: entry 100% exit 0%;
}
.photo:nth-of-type(7n 1):nth-of-type(even) {
--vertical: -100%;
--horizontal: 100%;
}
keyframes travel {
0% {
translate: 0 0;
}
50% {
translate: 0 var(--vertical);
}
100% {
translate: var(--horizontal) var(--vertical);
}
}
@CodePen link below! 👇
11 Aug 2023
CSS Tip! 🔥
You can reuse CSS animation keyframes and get different behavior using custom properties 😎
.b1 { --y: -500%; }
.b2 { --y: 200%; }
keyframes enter {
0% { translate: var(--x, 0) var(--y, 0); }
}
This makes animations dynamic at runtime 🚀
@CodePen link below! 👇
17
200
1,207
268,827
21 Dec 2022
This is my #GitHubUnwrapped 👨💻!
#github #2022 #FrontEnd #FrontEndDeveloper
Get your own: githubunwrapped.com
@github
1
56
19 Dec 2022
React.memo() is a great tool to memoize functional components. When applied correctly, it prevents useless re-renderings when the next props equal to previous ones.
21
merth.dev retweeted
28 Nov 2022
The Heimlich maneuver saves lives.
22
495
1,422
merth.dev retweeted
24 Nov 2022
21 GitHub repositories to become a JavaScript master (start learning now) 👇👇
98
529
1,748
23 Nov 2022
useDebounce
This hook allows you to debounce any fast changing value. The debounced value will only reflect the latest value when the useDebounce hook has not been called for the specified time period.
#ReactJS
2
1
1
23 Nov 2022
The example below allows you to search the Marvel Comic API and uses useDebounce to prevent API calls from being fired on every keystroke.
usehooks.com/useDebounce/
1
23 Nov 2022
When used in conjunction with useEffect, as we do in the recipe below, you can easily ensure that expensive operations like API calls are not executed too frequently.
1
merth.dev retweeted
18 May 2022
Aloha, web developers! 👋
If you struggle with memorizing the whopping amount of selectors out there, know that you'r not alone.
I have a cure for this problem. It's literally free. Print it. Make it your desktop background. Or even print it on a t-shirt. It's yours forever.
2
18
77
merth.dev retweeted
20 Oct 2022
Stack Overflow is going offline. We're partnering with @KiwixOffline to empower those without internet access to develop technology, such as incarcerated individuals, researchers at the South Pole, and students in Cameroon.
stackoverflow.blog/2022/10/2… stackoverflow.blog/2022/10/2…
14
55
160
merth.dev retweeted
18 Jul 2022
And so #buildify is now available for everyone! #geometrynodes library that I've made for quick city creation for #blender #b3d
This is the first version, so any feedback is more than welcome :)
#osm
Get it here > tinyurl.com/buildify
196
3,383
17,399
merth.dev retweeted
18 Sep 2022
7 Programming libraries every JavaScript developer should know of 👇🧵
ALT 7 Programming libraries every JavaScript developer should know of
98
621
1,899
merth.dev retweeted
7 Sep 2022
create-react-app - It’s fine for learning.
But, there are faster, more modern, and more powerful alternatives.
Try:
Vite
Next
Remix
Astro
Gatby
Docusaurus
Redwood
NX
Hydrogen
10
12
246
27 Aug 2022
what is Redux?
The predictability of Redux is probably its most prominent feature. All you have to do now is decide what values you want from your components. The involved interface will automatedly fetch, update and apprise them.
#React #javaScript #TypeScript
1
2
merth.dev retweeted
15 Aug 2022
Noise pollution is terrible for your health, here's why
1
28
102
merth.dev retweeted
Squirrel commits an adorable 😊😘 robbery 🔫🐿
#indiedev #gamedev #UE5 #UnrealEngine5 #indiegame #blender3d #blender #b3d #indiegamedev #screenshotsaturday #wishlistwednesday
621
11,020
66,686
Upgrade your desktop with #Ubuntu 22.04 LTS
bit.ly/3vXDoGi
62
211
1,100