impedans

joined 2 years ago
sorted by: new top controversial old
Been seeing a lot of posts about replacing Spotify and such, so I wrote up a guide on how I did just that in c/selfhosted@lemmy.world
[–] impedans@lemmy.world 2 points 3 months ago

What's wrong with jsdelivr?

Browser wars in c/fuck_ai@lemmy.world
[–] impedans@lemmy.world 4 points 4 months ago

Yeah I've got to say, as a developer that Chrome and chromium forks are way more consistent and performant - and easier to develop for.

Programmers then and now in c/programmer_humor@programming.dev
[–] impedans@lemmy.world 4 points 7 months ago

Yeah that works if you wanna center a box of content it relative to the parent container, either horizontally or vertically. For other situations we've got different tools

Programmers then and now in c/programmer_humor@programming.dev
[–] impedans@lemmy.world 10 points 7 months ago* (last edited 7 months ago) (3 children)

If you define what you mean by centering I'll give you a straight answer.

Vertically? Horizontally? Center the text or the entire box? Compared to the viewport, the parent container or the entire page?

"Centering" isn't as straight forward as you'd think, and what you actually want usually depends on the situation.

1
Component loaders for React + React/RTK Query (rtk-query-loader.ryfylke.dev)
 

RTK Query Loader lets you create loaders for your React components.

const loader = createLoader({
  useQueries: () => {
    const [name, setName] = useState("charizard");
    const debouncedName = useDebounce(name, 200);
    const pokemon = useGetPokemon(debouncedName);
    return {
      queries: {
        pokemon,
      },
      payload: {
        name,
        setName,
      },
    };
  },
});

const Consumer = withLoader((props, data) => {
  return (
    <div>
      <input
        value={data.payload.name}
        onChange={(e) => data.payload.setName(e.target.value)}
      />
      <div>AP: {data.queries.pokemon.data.ability_power}</div>
    </div>
  );
}, loader);