#react

Type-Safe Routing in React Router with TypeScript https://jsdev.space/react-router-typesafe-navigation/ #javascript #react #routing

[Перевод] React Custom Hook: useMediaQuery

Одним из ключевых преимуществ этого пользовательского хука является его простота и возможность повторного использования. Всего с помощью нескольких строк кода вы можете без особых усилий реализовать адаптивное поведение во всем вашем приложении. Независимо от того, требуется ли вам условный рендеринг компонентов, применение определенных стилей или запуск различных функций в зависимости от размера экрана, useMediaQuery поможет вам в этом.

https://habr.com/ru/articles/934402/

#website_development #webdev #webразработка #javascript #react #reactjs #reactjs #react_hooks #frontend #frontend

Working with #react for (roughly) the first time and having issues mutating a tree (reparenting a branch) without violating reacts rules about immutability, recreating the entire thing, or replacing direct references to JS objects with IDs that I lookup somewhere else.

This feels a lot like #rust, except the compiler isn't helping me and I don't find out I made a mistake until there's maybe an error in the JS console at runtime.

Amanda Seales Reacts to Shannon Sharpe’s ESPN Exit: “I Didn’t Seek Karma, It Came to Me” https://www.youtube.com/watch?v=COWNCLqZS1Q&utm_source=dlvr.it&utm_medium=mastodon #AmandaSeales #ShannonSharpe #ESPN #YouTube #React

Let's Write #React Hooks From Scratch

https://playfulprogramming.com/posts/react-write-hooks-from-scratch

How to Prefetch Data with TanStack Query (React Query) https://jsdev.space/howto/react-query-prefetch/ #javascript #react #tanstack

HTMX, AlpineJS, SSR v1/2/3 и SPA. Что к чему

HTMX и AlpineJS это две JS библиотеки, которые расширяют HTML специальными аттрибутами и позволяют писать фронтенд без SPA фреймворков. Это альтернативы React/Vue/Angular и иже с ними. Их появление вызвано усталостью от сложной JS экосистемы и тоской по временам, когда задачи решались с помощью PHP и jQuery. Я всю жизнь писал JSON API и SPA интерфейсы и моему мозгу трудно было переварить, зачем нужны эти библиотеки и как с ними работать. Поэтому я написал эту статью.

https://habr.com/ru/articles/934486/

#htmx #spa #ssr #react #next #alpinejs #alpine #javascript #typescript #nodejs

Ứng dụng KipEven giúp chia sẻ chi phí nhóm dễ dàng hơn! 💰

Một nhà phát triển độc lập đã tạo ra ứng dụng này vì bạn bè của họ không thích đăng ký tài khoản. Ứng dụng có các tính năng:

* Không cần đăng ký
* Tạo nhóm và chia sẻ link/code
* Hoạt động offline

Được xây dựng bằng React Native + Expo và Vercel. Nhà phát triển đang tìm kiếm phản hồi từ người dùng.

#ungdung #chiaSeChiPhi #React Native #Expo #Vercel #android #ios #ứngdụng #chiaphí

https://www.reddit.com/r/SideProject/comments/1

How to Type QueryOptions in React Query with TypeScript https://jsdev.space/howto/react-query-types/ #javascript #react #react-query

typed-message 1.3.0

* Supported json5 and jsonc extesion in message file artifacts.

#typescript #i18n #vite #react

https://github.com/kekyo/typed-message

[Перевод] React Custom Hook: useGeolocation

Одним из ключевых преимуществ useGeolocation является его простота. Благодаря инкапсуляции сложной логики, необходимой для доступа к геолокации и ее обработки, этот хук обеспечивает чистое и многократно используемое решение. Хук автоматически обрабатывает состояние загрузки, обновляя его при загрузке данных геолокации, и устанавливает состояние ошибки, если в процессе возникают какие-либо проблемы.

https://habr.com/ru/articles/934396/

#react_hooks #website_development #webdev #javascript #frontend #react #reactjs #reactjs

https://www.surajon.dev/top-5-tools-for-building-ai-powered-react-applications - #AI libraries for #React: 1. Vercel, 2. LangChainJS, 3. Hugging Face JS libraries, 4. ... 5. ... Nice explanations https://github.com/surajondev.