WebDeveloperAlo's profile picture. Web developer. Interests in #HTML, #CSS, #JavaScript, #Angular, #React, #Vue, #TypeScript #NodeJS and #Deno

Web Developer ALO

@WebDeveloperAlo

Web developer. Interests in #HTML, #CSS, #JavaScript, #Angular, #React, #Vue, #TypeScript #NodeJS and #Deno

Web Developer ALO reposted

Understand console errors with #Gemini is now available in US and a few supported regions! Follow these steps to enable it 👉 goo.gle/devtools-conso… #ChromeDevTools


Web Developer ALO reposted
codepo8's tweet image. This is so, so, cool! 
developer.mozilla.org/en-US/docs/Web…

Web Developer ALO reposted

I built a portfolio/blog starter template with: • React / Next.js • MDX / Markdown • Tailwind v4 • Dynamic RSS / Sitemap • Dynamic OG images • Syntax highlighting • Simple design / Geist font vercel.com/templates/next…


Web Developer ALO reposted

Damn! How did I not know about this VS Code feature earlier?


Web Developer ALO reposted

Building the with @nextjs App Router? Here's a few gotchas I've ran into and how to fix them. youtube.com/watch?v=RBM03R…

leerob's tweet card. 10 common mistakes with the Next.js App Router

youtube.com

YouTube

10 common mistakes with the Next.js App Router


Web Developer ALO reposted

Suuuper handy new CSS: :user-invalid and :user-valid pseudo selectors let you style inputs only once they have been interacted with Just landed in Chrome + Safari, been in Firefox for years.


Web Developer ALO reposted

Just found out there is a method in JavaScript that let's you group by array of objects...quite handy!

_georgemoller's tweet image. Just found out there is a method in JavaScript that let's you group by array of objects...quite handy!

Web Developer ALO reposted

Here is a neat new API that is starting to hit browsers! The CSS Custom Highlight API. Highlight text on the page without having to wrap in a <mark> or <span>

wesbos's tweet image. Here is a neat new API that is starting to hit browsers! 

The CSS Custom Highlight API. 

Highlight text on the page without having to wrap in a &amp;lt;mark&amp;gt; or &amp;lt;span&amp;gt;

Web Developer ALO reposted

Authentication in Next.js 13 using Clerk


Web Developer ALO reposted

📢 Yesterday, we released an experimental react-query-nextjs package for the app directory. Wrap your app in the <ReactQueryStreamedHydration> component to enjoy direct useQuery fetches on the server with suspense, which streams to the client 🎉 Example: tanstack.com/query/v5/docs/…


Web Developer ALO reposted

Safari 17 for web and PWA devs 🎁<model> for 3D and AR files 🍿popover 🕛HTTP Early Hints 🌆HEIC/HEIF/JPEG XL 🎥Managed Media Source 🔔Web Push per profile 🫙Storage API 💧ReadableStream 🔝Fetch Priority Hints 👩‍💻Web App install on macOS 📦PWA Install from SFViewController


Web Developer ALO reposted

React.ComponentProps is such a lifesaver, and more folks need to know about it.


Web Developer ALO reposted

🔥 TypeScript Tip 🔥 Building your own VSCode extension from scratch is pretty easy to get started with! Here's a working setup and a few tips in less than 90 seconds.


Web Developer ALO reposted

I have a lot of respect for the work the Astro team has been doing, but I want to share some important caveats that everyone should be aware of when reading, and especially publishing this kind of reports: (0/n)


Web Developer ALO reposted

Today I learned that you can remove an element's default styling with a single line in css

aschmelyun's tweet image. Today I learned that you can remove an element&apos;s default styling with a single line in css

Web Developer ALO reposted

React tip: Keep state as "low" as possible. Example: If state is just passed down to one child, it's too high. Solution: Move the state down to the child. Benefits: ✅ Avoids needlessly passing props ✅ Protects state from accidental changes ✅ Makes each component easier to…

housecor's tweet image. React tip: Keep state as &quot;low&quot; as possible.

Example: If state is just passed down to one child, it&apos;s too high.

Solution: Move the state down to the child.

Benefits: 
✅ Avoids needlessly passing props
✅ Protects state from accidental changes
✅ Makes each component easier to…

Web Developer ALO reposted

🚨Today is Apple's PWA Day!🚨 Safari on iOS and iPadOS 16.4 b1 adds support for: 💌Web Push!-⚠️for installed PWAs only 🔢Badging 🆔Manifest ID with a twist ⬇️PWA installation from Third-Party browsers 👁️Screen Wake Lock 🌄Screen Orientation 🧑‍🦰User Activation 🎥Web Codecs


Web Developer ALO reposted

Tip: use fetchpriority to speed up your apps fetchpriority accepts values low, high and auto and lets you hint the browser with what priority it should load a resource ‣ Set high priority for your LCP image ‣ Low priority for nonessential resources 📚 web.dev/priority-hints/

mgechev's tweet image. Tip: use fetchpriority to speed up your apps

fetchpriority accepts values low, high and auto and lets you hint the browser with what priority it should load a resource

‣ Set high priority for your LCP image
‣ Low priority for nonessential resources

📚 web.dev/priority-hints/

Loading...

Something went wrong.


Something went wrong.