Jane Alam Tusher

Frontend Developer. Loves TS & JS. Big time fan of React JS and NextJS.

[Theo - t3.gg @theo]

Next.js at the speed of Rust 😳

[Jane Alam Tusher @tusheeer]

@nikolasburk @nextjs @prisma Hi! Thanks for the suggestion! Prisma Accelerate sounds great, but for now, I'm looking for an in-memory caching solution.

[Jane Alam Tusher @tusheeer]

🚀 @nextjs team, loving the new RC! 👏

I'm using the latest release, which is off the default page cache. In my app, I query data using @prisma, but I want to cache the result with revalidation time.

How can I implement this now? Any pointers would be appreciated! 🙏

[Rowan Cheung @rowancheung]

Apple just announced a ton of incredible AI developments at WWDC.

The 11 most impressive reveals:

1. Using the iPad calculator as a notepad and getting real-time answers

[Kent C. Dodds 🏹 @kentcdodds]

React the giant has awoken after it's 2 year slumber and turns out it wasn't sleeping at all but was cooking up a storm this whole time.

[Theo - t3.gg @theo]

After 8 months of planning, 12 hours of filming, and 2 weeks of editing, my biggest project has been released.

The Modern Full-Stack React Tutorial is now live, FOR FREE, on my YouTube channel

[Cory House @housecor]

When React launched in 2013, every component was a class.

When stateless function components arrived in 2015, I only used class components when I needed state.

When hooks arrived in 2019, I stopped using class components.

Now that React Server Components are here, I use hooks less.

React is 10 years old. But it remains popular because it keeps innovating.

[shadcn @shadcn]

Seeing too many spinners ChatGPT!

[Evan Bacon 🥓 @Baconbrix]

Are React Server Components web-only or can they be used anywhere?

What would it look like if @Expo added React Server Components for native iOS and Android platforms...

🧵 Find out now ↓

[Not Elon Musk @ElonMuskAOC]

A picture is worth a thousand words.

Praying for peace.

❤️

[jhey ʕ•ᴥ•ʔ @jh3yy]

Future CSS Tip! 🍏

You can create that Apple style blow out text effect with CSS scroll-driven animations ⚡️ No JavaScript!

The trick is to animate SVG text along the z-axis using 3D transforms 👀

.word {
animation: blow-out both ease-in;
animation-timeline: --section; 👈
animation-range: exit-crossing 10% exit 0%;
}
keyframes blow-out {
to { transform: translate3d(0.05ch, 0, 99vh); }
}

The animation makes the text cover the viewport and blends into the next section which has the same background-color 🤙

The section is set to 200vh. But the wrapper around the SVG text defines perspective and transform-style

.section__content {
transform-style: preserve-3d; 👈
perspective: 100vh;
}

We're using an SVG to maintain the crispness of the text as it scales up ✨ Use these attributes on the <text> within the SVG to align things 🤙

<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">
Your Name
</text>

It's the last day of #AppleEvent week but I do have some more of these I'll put together next week 😉

@CodePen link below! 👇

[Catalin @catalinmpit]

I started working with React Server Components (RSC) for the first time at @documenso.

This article by @JoshWComeau has been extremely helpful &amp; useful!

https://t.co/ZfE2jqM7K7

[shadcn @shadcn]

Been doing a lot of copy paste lately. So I’m going to copy what @rauchg did and donate all my monthly @X earnings to the dev community.

Starting with $500 (if it’s less than this I’ll add the rest).

If you’re a student and/or working on an open source project and you need fund to buy a laptop, a course or a license, send me a dm, I’ll get it for you.

Thanks.

[Ben Awad @benawad]

she was impressed when I told her I knew 10 languages

she was less impressed when I told her they were programming languages

[Jules Blom @Mega_Jules]

New post after a break!

* Read about how React components relate
* View diagrams of parent and owner component hierarchies
* Learn about how being aware of this can lead to apps with cleaner data flow

https://t.co/KmonpesizD

[Jane Alam Tusher @tusheeer]

Do you remember when you joined X? I do! #MyXAnniversary

[Jane Alam Tusher @tusheeer]

Epic wake up :D

[Ankita Kulkarni @kulkarniankita9]

@kentcdodds is waking us up @ReactRally 😂

[Artem Zakharchenko @kettanaito]

Let's push it further: you should always have this on when developing user interfaces in the browser.

Catch those race conditions, flakiness, and other network latency-related issues while developing. Full control over the network with @ApiMocking.

[Jane Alam Tusher @tusheeer]

If @neymarjr goes to Al Hilal, then he will become the most hated sports person.

[Alex Sidorenko @asidorenko_]

Dynamic parallel routes in Next.js 13