AdrienJjs's profile picture. Lead Frontend Engineer @InnovATM @DroneKeeper
/ opinions are my own

Adrien JS

@AdrienJjs

Lead Frontend Engineer @InnovATM @DroneKeeper / opinions are my own

Adrien JS أعاد

google login with just the google-auth-library, no frameworks in 50 lines of code don't overcomplicate things

forgebitz's tweet image. google login with just the google-auth-library, no frameworks in 50 lines of code 

don't overcomplicate things

Adrien JS أعاد

React Router v7 is here! With framework mode, everything that made @remix_run great is now built into React Router. remix.run/blog/react-rou…


Adrien JS أعاد

Working on a demo of React Router v7 with React Query - SPA - SSR + client cache - Link prefetching Lots of overlap with fetchers and stuff, but I still absolutely love pairing React Query's client side caching with React Router's server and client loaders

ryanflorence's tweet image. Working on a demo of React Router v7 with React Query

- SPA
- SSR + client cache
- Link prefetching

Lots of overlap with fetchers and stuff, but I still absolutely love pairing React Query's client side caching with React Router's server and client loaders

Adrien JS أعاد

It's done. Now it’s your turn, @Oracle. We’ve submitted a formal petition to cancel the JavaScript trademark: it is generic, Oracle has abandoned it, and Oracle committed fraud on the USPTO during the last trademark renewal. Oracle has until January 4th to respond, or the…


Adrien JS أعاد

New in React Scan: Inspect component props/state changes for slow performance and renders


Adrien JS أعاد

coming soon to React Scan: monitor React performance of users in production


Adrien JS أعاد

React transitions get rid of tons of useEffect weirdness, this is very nice.

ryanflorence's tweet image. React transitions get rid of tons of useEffect weirdness, this is very nice.

Adrien JS أعاد

TIL

localhost_5173's tweet image. TIL

Adrien JS أعاد

What if AI dev products (Claude, v0, etc) let you install packages, run backends & edit code? Introducing bolt.new, by StackBlitz: - Prompt, edit, run & deploy fullstack apps - Full dev env (npm, Vite, Next.js, …) w/ frontier AI - Free!


Adrien JS أعاد

Is preparing buttons for proper styling a chore or do you already know `all: unset;` ?


Adrien JS أعاد

speed up npm with this one weird hack

jacobmparis's tweet image. speed up npm with this one weird hack

Adrien JS أعاد

A new Playwright tip just dropped. 🎭 If you're testing a product behind a login and instruct every test to log in manually, you should check `storageState()` to log in once and reuse all these juicy cookies. 👇 youtube.com/watch?v=nSHPCL…


Adrien JS أعاد

So many folks don't know about structuredClone. It's awesome, built-in, and supported in all major browsers. Let's learn 🧵

mattpocockuk's tweet image. So many folks don't know about structuredClone.

It's awesome, built-in, and supported in all major browsers.

Let's learn 🧵

Adrien JS أعاد

Another cool CSS Nesting trick: && allows you to double the specificity of any rule while still having a single source of truth for the selector logic.

LeaVerou's tweet image. Another cool CSS Nesting trick: 

&& allows you to double the specificity of any rule while still having a single source of truth for the selector logic.

Realization: CSS Nesting also allows you to basically do "else" clauses in selectors. complex-selector { if-styles; :not(&) { else-styles } } (if you’re wondering what this code is for, it’s for a bookmarklet to show element boxes for educational reasons)

LeaVerou's tweet image. Realization: CSS Nesting also allows you to basically do "else" clauses in selectors.

complex-selector {
  if-styles;

  :not(&) {
    else-styles
  }
}

(if you’re wondering what this code is for, it’s for a bookmarklet to show element boxes for educational reasons)


Adrien JS أعاد

Tired of your site's lag during heavy tasks? Learn how Web Workers can make your JavaScript app smoother by handling tasks in the background. { author: @_headless_coder } #DEVCommunity #JavaScript dev.to/jerrycode06/us…


Adrien JS أعاد

And you could do the whole thing without JavaScript 🤙 • Use the HTML [popover] API (nested) • CSS starting-style to transition open/close ⭐️ • Anchor positioning ⚓️ <button popovertarget="menu"></button> <div popover="auto" id="menu"></div>

هذه التغريدة لم تعد متوفرة.

Adrien JS أعاد

ChatGPT may have moved from Next.js to Remix, but some things are better left alone: @Tan_Stack Query4Lyfe

tannerlinsley's tweet image. ChatGPT may have moved from Next.js to Remix, but some things are better left alone:

@Tan_Stack Query4Lyfe

United States الاتجاهات

Loading...

Something went wrong.


Something went wrong.