Бесплатные курсы от binary
https://study.binary-studio.com

Преподаватель отлично объясняет за реакт. Советую

https://coursehunter.net/course/react-redux-professionalnaya-razrabotka

Sorted CSS Colors. Инструмент Мустафы Энеса со списком именованных цветов в CSS, сгруппированных по оттенкам и отсортированных по яркости и насыщенности — https://enes.in/sorted-colors/

Шпаргалка по гридам. Юлия Бухвалова соединила документацию с интерактивными примерами для лучшего понимания — https://yoksel.github.io/grid-cheatsheet/

В поиске баланса между нативным и кастомным селектом. Сандрина Перейра создаёт гибридный компонент с кастомной стилизацией <select> только для курсора и с нативным внешним видом во всех остальных случаях — https://css-tricks.com/striking-a-balance-between-native-and-custom-select-elements/

Чтобы заставить Vite HMR перегружаться при изменении конкретных файлов, иногда может понадобиться такой плагин:

// vite.config.ts

const fullReloadJson5 = {
  name: "full-reload-json5",
  handleHotUpdate({ file, server }) {
    if (file.endsWith(".json5")) {
      server.ws.send({ type: "full-reload" });
    }
    return [];
  },
};

// ...
plugins: [
    vue(),
    json5Plugin(),
    fullReloadJson5,
  ],

#vite #tip

Если показываете через <router-view> страницу с route параметром (продукты, каталоги, пользователей через id), и надо при смене параметра загружать нового, - то есть, следить за изменением параметра, то делать это можно двумя способами.

Через watch:

watch(
  () => props.id,
  async () => {
    userData.value = await fetchUser(to.params.id);
  },
  { immediate: true }
);

Через хук роутера onBeforeRouteUpdate:

js 
import { onBeforeRouteUpdate } from 'vue-router'

onBeforeRouteUpdate(async (to, from) => {
  if (to.params.id !== from.params.id) {
    userData.value = await fetchUser(to.params.id);
  }
})

Второй способ дает еще возможность использовать onBeforeRouteLeave, если вдруг надо

#router #tip