Twitter | Search | |
Paul Henschel
here to learn and share, ♥ oss. founded paranoidandroid, react-spring, react-three-fiber, react-use-gesture, zustand.
2,616
Tweets
349
Following
7,200
Followers
Tweets
Paul Henschel 6h
Replying to @natsuchyo
using hooks size becomes reactive, canvas auto-stretches to 100% of the parent and is responsive otherwise 🙂
Reply Retweet Like
Paul Henschel Dec 13
Replying to @LikeTheMammal
sure, ping me if you find something, also interested in this stuff 🙂
Reply Retweet Like
Paul Henschel Dec 13
Replying to @LikeTheMammal
no idea, but i guess it would boil down to some sort of hook. my first impl of cannon/three and react would be like that and it worked out pretty well. i image tying things to a work complicates matters a bit more but the principles should remain the same.
Reply Retweet Like
Paul Henschel Dec 13
Replying to @sidiousvic
it can certainly help you understand some things better, you can also get away with extremely small applications, but then again, it's also just a lower level abstraction of a more complicated process. i didn't like having to re-invent so many things that are otherwise common.
Reply Retweet Like
Paul Henschel Dec 13
Replying to @brian_d_vaughn
yes, that's super useful!👍
Reply Retweet Like
Paul Henschel Dec 13
Replying to @sidiousvic
they are necessary. three is good to know, and if you're dealing with it, shaders also. plain webGL is quite complex imo. i learned it once, but forgot most of it when three came about. r3f is just a reconciler, you need to know three, but it will allow you to compose with it.
Reply Retweet Like
Paul Henschel retweeted
🌈 Josh Dec 12
Ok I know I've tweeted about 's *amazing* blog post on React Hooks, but it's worth rebroadcasting, it's such a great intro to hooks!
Reply Retweet Like
Paul Henschel Dec 12
Replying to @NicolasMarcora
no, it's fine. i think the only thing to watch out for is async, which immer doesn't support imo.
Reply Retweet Like
Paul Henschel Dec 11
Replying to @sompylasar
i know, but not all platforms work that way. and for the ones that don't react struggles a bit. at least that whole useEffect/useState/useRef thing can be put into a single custom hook, that's what i normally do.
Reply Retweet Like
Paul Henschel Dec 11
if you're planing to make the jump delving into visuals and creative coding with threejs & react, this is it: made by combine this with and and you can do some damage. you're re-creating this sandbox:
Reply Retweet Like
Paul Henschel Dec 11
Replying to @studiodelatorre
you can write out threejs as jsx. so: new THREE.Mesh() becomes <mesh/> all the defaults (auto-resize, cam, etc), pointer events and hooks make the real difference, though.
Reply Retweet Like
Paul Henschel Dec 11
Replying to @montogeek
born in berlin, lived there most of my life. but we moved to freiburg in the south.
Reply Retweet Like
Paul Henschel Dec 11
Replying to @montogeek
could have sworn it's around the corner where i've been living.
Reply Retweet Like
Paul Henschel Dec 11
Replying to @montogeek
this feels so familar, is this friedrichshain?
Reply Retweet Like
Paul Henschel Dec 11
Replying to @cream_dus_ceo
i say go for it, i would love hearing about how react is actually dead and some lib of mine has managed to trick people into believing it isn't. 🤭 when it's done i can retweet for more exposure.
Reply Retweet Like
Paul Henschel Dec 11
Replying to @p0oker @Swizec and 2 others
no idea how to approach this. i find #1, the imperative one, easy to read. it stops making sense from there on. react has no means to deal with it so, routing stuff through multiple render passes. imagine if sth would then have to reference dirLightHelper afterwards
Reply Retweet Like
Paul Henschel Dec 11
is it possible for csb enable nullish coalescing and optional chaining? i get a warning that i should put it into babels config but i'm guessing this message comes from babel directly, not csb, is this correct?
Reply Retweet Like
Paul Henschel Dec 10
not sure if that has anything to do with sebastians idea, but i do run into this practically all day. the below is a very simple case, it can get increasingly worse
Reply Retweet Like
Paul Henschel Dec 10
I would love to be able to access and pass on things I know will come in a frame after, like refs. Esp for objects that need the parents ref as an input argument. I hope that's what this is about. 🙈
Reply Retweet Like
Paul Henschel Dec 10
Replying to @skaryon @lewy_blue
check out three fundamentals and discover threejs by and threejs itself has a very good documentation with many examples.
Reply Retweet Like