[Перевод] Dependency Injection в JavaScript: зачем он вам нужен
Как избавиться от проп-дриллинга, упростить тестирование и навести порядок в зависимостях React/JS‑приложения? В статье — зачем вообще нужен dependency injection в JavaScript, почему он редко используется и как это меняет @wroud/di . С кодом, примерами и без тяжёлой рефлексии.
https://habr.com/ru/articles/934876/
#di #dependency_injection #react #typescript #javascript
🚀 Launch your next EdTech website fast!
LearnAxis is a modern, responsive Next.js template perfect for online courses, schools, or learning platforms.
🔧 Built with Next.js, React, Tailwind CSS
🌙 Light/Dark mode | Auth ready
https://getnextjstemplates.com/products/learnaxis-nextjs-template
#Nextjs #TailwindCSS #EdTech #React #WebDev #nextjstemplates #websitetemplates

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