Alan Montgomery

📢 Announcing: Ionic React Hub 🎉 I love posting content specific to @Ionicframework with React and @capacitorjs - Thought I'd put together a site to curate all of these into a collection to further help the community and share knowledge. #webnative ionicreacthub.com

@reinink @malfaitrobin Would love an invite! My GitHub username is “alanmontgomery” !

Hang in there ui.sh server! 📈 (It's hosted on Laravel Forge, and holding up well!)

@adamwathan @petersuhm alanmontgomery GitHub username!

@mindofmaldo @petersuhm We're sending out 2500 invites per day right now, in order of when people signed up 👍🏻 Send me your GitHub username though and I'll send yours now.

Quick ui.sh demo — generating multiple design ideas to choose from, no matter what tech stack you use:

@delba_oliveira Absolutely amazing explanations here @delba_oliveira ! I’ll be sharing this with my team to watch to better understand certain patterns. Explained beautifully 🖤

Next.js patterns: Public pages with some personalization.

The fact that we can’t get a small Apple Magic Keyboard in black really upsets me. I do have the longer one with the numpad (shown below) but I much prefer the small keyboard! Anyone any suggestions on keyboards of the same look and feel with the dark appearance?

Focus on the things you can control. Work hard, eat well, stay fit, help others, and crucially: be ruthlessly truth-seeking.

@mattpocockuk electronjs.org

@mattpocockuk Electron? x.com/93alan/status/…

I want: A Desktop app I can open (on Windows) That runs a local dev server on localhost:3000 And turns the app into a desktop app Does this exist?

@FerryColum Take care bro.

Burnout is real. Take care of yourselves 🙏 I’m going on vacation to rest and recover. I’ll be off socials until I’m back 🧘‍♂️ If you run into issues with Angular Rspack, or anything else I tend to work on - raise an issue on GitHub. If it’s not addressed before I’m back, I’ll see it then

@ladyleet ihopethisworks.here(“…”)

You get to rename “console.log” to anything you want for everyone and forever. What’s your new name for it?

@catalinmpit Digitalocean!

Where do you host your PostgreSQL database?

I also made good use of all the metadata techniques for SEO purposes and the dynamic open graph image generation for social images (eg if you share a page or a blog post - share preview). If you want to ship fast and ship smart, definitely use @vercel , @next, @tailwindcss

I’ve rebuilt my little personal site. It was in need of a revamp! Built with Nextjs, Tailwindcss, framer motion, MDX for blog with multiple plugins for highlighting and other things Built in standalone output mode and deployed to my VPS 🎯 Check it out 👇

Introducing Silk — The most advanced swipeable sheet ever engineered for the web. Native-like experience • Works on all devices • Unlocks dozens of UI patterns on the web. Available for React.

@brunostasse Absolutely beautiful Bruno! 🤩

@rauchg All we need is a way to programmatically Add a PWA to home screen and we are cooking 🧑‍🍳

Always bet on the web: silkhq.co It’s just a matter of time

Thoughts on upgrading my Macbook Air M2 2022 (8GB Ram) to the new M4 16Gb? I have a pro for work with mad specs, however i feel the air is on par. The size and thin-ness of the body wins it for me.

Playing with React's <ViewTransition> for cross-page animations in Next.js. It's early and experimental, but very cool! Two tips: • Use a poor man's motion blur for movement `filter: blur(0->10->0)` • Use Chrome's animations devtools to debug

@rauchg @nextjs @reactjs @Meta Totally agreed @rauchg and hopefully a lot more people catch on to this. I'm building huge, complex (functional and beautiful UI) products in my 9-5, and for contract work, but I'm also creating one page "landing pages", demos or testing out packages/plugins the same way. 🫡

A neat thing about @nextjs is that you can totally use it in its simplest mode, a static page or SPA. But it’s likely you’ll eventually need more, which is what many, the @reactjs team at @meta specially, figured out over time. And if/when you need that extra power, the tools are there, waiting for you. No need to rewrite or start your project over. Whether it’s a Route Handler (API endpoint), streaming data from the server to client (`use`), or full on server side rendering and streaming. Or a combination of these things. Our recent improvements to defaults and how caching works (“use cache”) are in the service of the ‘progressive disclosure’ of this sophistication. Not every project will grow to that level of complexity, and that’s fine, because the platform scales with you. Anecdotally, what I’ve found so far is that most Next.js projects end up in a hybrid state. v0.dev, grok.com and claude.ai mostly present as a SPA. But: v0 Community is like an e-commerce website and we heavily optimize for SEO, while the chat and preview are like a native app. Even in the realm of e-commerce, like next-faster.vercel.app where we make heavy use of on-demand ISR, some pages are fully personalized and never cached, like your orders page. And every single page has a dynamically streamed “hole” for the cart state and user auth. tl;DR: don’t feel pressured to use every feature. Next mirrors React insofar it can start simple and grow into powering very ambitious things. The focus over recent releases has been to focus on simplicity and stability to match that progression.

😂💯