From the reactjs community on Reddit: Refactoring a small Next app to use Hooks
Ryan Peterman on LinkedIn: I've spent hundreds of hours studying the top 1% of softwareโฆ | 44 comments
Nielsen Norman Group on LinkedIn: NN/g Free UX Study Guides | 79 comments
Scientists document first-ever transmitted Alzheimers cases tied to no-longer-used medical procedure | hormones extracted from cadavers possibly triggered onset
/r/science
Tweet by @BHolmesDev
Sick of remembering JS array.splice vs. slice and worrying about mutation?
Check out arr.with() ๐ Updates item at an index and returns a new copy. Works in all major browsers! https://t.co/3cNwhiLO5J
โ Ben Holmes (@BHolmesDev)
Jan 28, 2024
Tweet by @rickhanlonii
If you think react is complicated now, go back to 2015 when you had to configure babel and webpack yourself, you had to do SSR and routing yourself, you had to decide between flow and typescript, you had to learn flux and immutable.js, and you had to choose 1 of 100 boilerplates
โ Ricky (@rickhanlonii)
Jan 28, 2024
Tweet by @kentcdodds
@natessilva https://t.co/Vyfplb2xF2
โ Kent C. Dodds ๐ (@kentcdodds)
Jan 28, 2024
Tweet by @_AshConnolly
@adamwathan Above! ๐
Related functions below is like someone telling you a story, but you don't have a clue who the characters are, so you have to interrupt them, then continue the story, then interrupt them again, and repeat ๐
IMO above gives you context first, then the main story! ๐
โ Ash Connolly ๐ (@_AshConnolly)
Jan 28, 2024
Tweet by @jasonjoyride
Can you design the world's most powerful stove and secretly add 1.4 terawatt hours of battery power to the grid?
Founder @sdamico thinks so.
Episode 27 of Sยณ featuring @ImpulseLabs_ https://t.co/WmLXlXhaFE https://t.co/c0eRq3FEog
โ Jason Carman (@jasonjoyride)
Jan 27, 2024
Tweet by @levelsio
Damn Lemon Squeezy checkout is good
They either use Stripe or made it look exactly like Stripe but it has the whole content section on the left that must convert really well
Right now Stripe barely lets you add anything but some product name on the left side of their Checkout https://t.co/HwJwijJt9m
โ @levelsio (@levelsio)
Jan 27, 2024
Tweet by @_Rakuji
site measure day https://t.co/C1Gfl74JaY
โ ใๆจใ (@_Rakuji)
Jan 26, 2024
Tweet by @jh3yy
CSS Trick ๐ค
You can create these tab bar controls by using :has() to count the number of tabs โญ๏ธ
.tabs:has(input:nth-of-type(3)){--count: 3;}
.tabs:has(:checked:nth-of-type(3)){--active: 200%;}
.tabs::after{ translate:var(--active) 0;}
Let's break it down in this noscript!โฆ https://t.co/mD9CbvKd6W https://t.co/PqMUkQln6l https://t.co/Nls5wq6jlt
โ jhey โฒ๐ป๐ (@jh3yy)
Jan 25, 2024
I'm playing this game for the first time and after a few hours I can confidently say - this game is masterpiece...
/r/horizon
Tweet by @ilyamiskov
What helps me grow is being realistic about what I can and can't do.
I think of myself as a mediocre designer. I know there is so much out there to learn and there are so many insanely talented folks that I look up to.
Ego is your enemy.
โ Ilya Miskov (@ilyamiskov)
Jan 24, 2024
Tweet by @seaotta
โจNew CSS Feature
Here's a demo of the CSS field-sizing property applied on a textarea I blogged about yesterday.
textarea {
field-sizing: content;
}
The textarea grows as you add content.
This is currently in developer trial behind a flag in Chromium. https://t.co/WNBD44A9hU
โ Stephanie ๐ฎ Web Witch (@seaotta)
Jan 24, 2024
Tweet by @newincreative
Anyone interested in this Figma file with all the free fonts I've been sharing?
Since I created all the graphics there anyway.
You can see all of my layouts and all the font examples in 1 place + a link to all the great font designers/ foundries featured.
Just hit a like orโฆ https://t.co/6FmvegeYOs https://t.co/tlMpJ751JD
โ Nguyen Le (@newincreative)
Jan 24, 2024
Welsh Cakes
/r/Wales
Tweet by @jh3yy
Implemented this credits system with @supabase x @lmsqueezy ๐
A credit order fires a webhook that updates the database and also sets everything client side with @nextjs cookies + server actions ๐ช
Here it is end to end! ๐ No sign-in, etc. required โญ๏ธ https://t.co/BaxvNCsp0M
โ jhey โฒ๐ป๐ (@jh3yy)
Jan 24, 2024
Tweet by @pomber
@mattpocockuk For the copypasters:
```
type PrettifyT = {
[K in keyof T]: T[K]
} & {}
```
โ Rodrigo Pombo (@pomber)
Feb 8, 2023
Tweet by @Gavmn
Table View transition https://t.co/9kt5aNAX9F
โ Gavin Nelson (@Gavmn)
Jan 23, 2024
Anyone else on foot more than mounted?
/r/horizon
Optimizing Resistance Training Technique to Maximize Muscle Hypertrophy flexibility is key focus on Range of Motion (ROM) at long lengths. Eccentric/concentric tempos vary (2-8s).
/r/science
Tweet by @Much118x
#HorizonForbiddenWest https://t.co/oXphUcPkrb
โ Much (@Much118x)
Jan 21, 2024
Tweet by @mijustin
@jhooks Macromedia Fireworks
โ Justin Jackson (@mijustin)
Jan 21, 2024
Tweet by @dieworkwear
In the mid- to late-2000s, I found that a lot of menswear discourse happened on forums, where you had people who were just coming online and finding camaraderie with fellow nerds. These people, who were just finding online communities, drew their knowledge from diverse sourceโฆ https://t.co/2RXFXDJpFS
โ derek guy (@dieworkwear)
Jan 19, 2024
Tweet by @rjs
Love this. Same for teaching humans: sequence of steps matters. Reminds me of Christopher Alexanderโs generative sequences.
(Also, connections to path-dependency in design and non-ergodicity.) https://t.co/gOMOPDYdaW https://t.co/IzsX1uM7mU
โ Ryan Singer (@rjs)
Jan 21, 2024
Tweet by @adamwathan
Whatโs the most helpful thing youโve read, watched, or listened to on interviewing and hiring?
Have โWhoโ, looking for more recommendations ๐
โ Adam Wathan (@adamwathan)
Jan 20, 2024
Tweet by @levelsio
๐จโ๐ผ People always ask me how I invest my money, so I open sourced my investment portfolio at https://t.co/deoJX7NDB6
There's no big strategy here and no certainty that this is a good portfolio either, right now it returns about $120K/mo
I try buy mostly ETFs and they have theโฆ https://t.co/f3N9vCvfUC https://t.co/3QxOAbxvVC
โ @levelsio (@levelsio)
Jan 20, 2024
Tom & Jerry anime transitions
/r/Animemes
Tweet by @jh3yy
CSS Tip! ๐
You can create a responsive infinite marquee animation with container queries and no duplicate items ๐ค
li{ animation: slide; }
@โkeyframes slide {
to { translate: 0% calc(var(--i) * -100%);}}
The trick is animating the items, not the list ๐
More tricks ๐
Toโฆ https://t.co/lrYtksFg4z https://t.co/XdKoBwx59o https://t.co/d9P9KDFLTn
โ jhey โฒ๐ป๐ (@jh3yy)
Dec 30, 2023