Frontend developer | React, TypeScript

Joined December 2021
26 Photos and videos
merth.dev retweeted
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! 👇
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
9 May 2023
29
21 Dec 2022
1
56
19 Dec 2022
When to use React.memo() ? #react #ReactJS
1
1
38
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
Replying to @TheFigen_
The Heimlich maneuver saves lives.
22
495
1,422
merth.dev retweeted
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
17 Nov 2022
I guess we all need this 👀 #CSS #css_grid credits : @eludadev
2
merth.dev retweeted
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
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
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
Noise pollution is terrible for your health, here's why
1
28
102
merth.dev retweeted
11 Aug 2022
Upgrade your desktop with #Ubuntu 22.04 LTS bit.ly/3vXDoGi
62
211
1,100