overview for impedans

[–] impedans@lemmy.world 4 points 1 month 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 5 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 5 months ago* (last edited 5 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)

submitted 2 years ago by impedans@lemmy.world to c/react@programming.dev

0 comments fedilink

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);