Лучшие функции Remix, с которыми я столкнулся после месяца использования.
Я использую @remix_run уже 1 месяц, это не похоже ни на что, что я использовал раньше, вот некоторые из лучших функций, с которыми я столкнулся:
- Полноценные маршруты 💽
- Погрузчики ⌛
- Действия ⚡️
- Границы ошибки ⚠️
- Больше не нужно загружать спиннеры 💀
- UI/UX 💅🏻
- и более…
1. Полноценные маршруты 💽
Все, что вам нужно, в ОДНОМ файле. Экспорт загрузчика для получения данных + экспорт действий для отправки форм + компонент React для обработки пользовательского интерфейса = SSR менее чем за 100 мс.
2. Погрузчики ⌛
Все, что вам нужно загрузить в одной функции: состояние пользователя, перенаправление неавторизованных пользователей, переводы i18n, метаданные SEO…
3. Действия ⚡️
Проверяйте отправку формы, анализируйте значения массива, выполняйте операции с БД, используйте сторонние библиотеки (например, отправляйте электронную почту) и перенаправляйте пользователя по завершении.
4. Границы ошибки ⚠️
Обрабатывайте непредвиденные ошибки с помощью экспорта маршрута ErrorBoundary и ожидаемые ошибки с помощью экспорта ClientBoundary.
5. Больше не нужно загружать спиннеры 💀
Использование SPA означает, что вам нужно подождать, пока сервер загрузит данные, в то же время вам нужно успокоить своих пользователей, дав им счетчик загрузки ↻.
С SSR вы получаете полностью интерактивную страницу, с Remix вы даже не думаете об этом.
6. UI/UX 💅🏻
Мне не нужно отказываться от всего, чему я научился с помощью CSS-компонентов React + Tailwind, на самом деле, теперь я больше сосредотачиваюсь на них, чтобы предоставить своим пользователям отличный UI/UX.
7. Интеграции 🎁
Работа с базами данных никогда не была проще с @prisma + SQLite для локальной разработки и @supabase для быстрого приложения ⚡️ PostgreSQL prod; в сочетании с @stripe и @postmarkapp это дает нам полную мощность для любой идеи приложения SaaS, и, конечно же, @vercel для хостинга. 👌
Я не удивлюсь, если команда Remix (@mjackson, @ryanflorence, @kentcdodds) в ближайшем будущем предложит технологию Vue.js/Svelte + Remix, которая воплотит в жизнь мечту почти каждого полного стека разработчика. сбываться.
Дай мне этот сладкий ремикс Vue3 ft. Remix.
Дайте мне знать ваши мысли или следуйте за мной, чтобы узнать больше 😃!
Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter и LinkedIn. Присоединяйтесь к нашему сообществу Discord.