gremo/react-directus

A set of React components and utilities for Directus Headless CMS

👋 Ciao, I'm Marco

I'm a web developer from Italy 🍕 with over 10 years of experience. Programming is my passion ❤️ and I couldn't imagine doing anything else in my life!

📅 Hobbies

• ✈️ Travel and explore the world
• 🍻 Enjoy free time with friends
• 🎥 Watch TV shows and movies
• 🕹️ Play my favorite videogame Dead by Daylight
• ⚽ Play tennis and five-a-side

⚡ Recent activity

1. 💪 Opened PR #6339 in EasyCorp/EasyAdminBundle
2. 🗣 Commented on #5759 in EasyCorp/EasyAdminBundle
3. 🗣 Commented on #819 in gremo/nest-winston
4. 🎉 Merged PR #819 in gremo/nest-winston
5. 🗣 Commented on #819 in gremo/nest-winston

react-directus's Issues

Would this also work in React Native?

Hi

The repo looks awesome and I am planning to use it in a WEB project, but I was wondering if this also would work in React Native?

Thanks in advance.

[Feature]: SDK Version 11+ Support

Description

Hi,
I can't find the status on SDK V11+ migration, please let me know if I can provide any support.

Suggested solution

No response

Are you willing to contribute it?

• I can work on a pull request to implement this feature

[Question]: New npm release

Description

Should we create a new npm release after merging:

• #378
• #376
• #360

NPM Package?

Hi, thank you for working on this. Is there an ETA for the NPN package?

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Update Node.js to v20
• Update dependency @directus/sdk to v16
• Update dependency @rollup/plugin-commonjs to v26
• Update dependency @testing-library/react to v16
• Update dependency eslint to v9
• Update typescript-eslint monorepo to v7 (major) (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

devcontainer

.devcontainer/devcontainer.json

• node 18

github-actions

.github/workflows/publish.yaml

• actions/checkout v4
• actions/setup-node v4

.github/workflows/test.yaml

• actions/checkout v4
• actions/setup-node v4

npm

package.json

• @directus/sdk 10.3.5
• @rollup/plugin-commonjs 25.0.8
• @rollup/plugin-node-resolve 15.2.3
• @rollup/plugin-typescript 11.1.6
• @testing-library/react 14.3.1
• @types/jest 29.5.12
• @types/react 18.3.3
• @types/react-dom 18.3.0
• @typescript-eslint/eslint-plugin 6.21.0
• @typescript-eslint/parser 6.21.0
• eslint 8.57.0
• eslint-config-prettier 9.1.0
• eslint-plugin-prettier 5.1.3
• eslint-plugin-tsdoc 0.3.0
• jest 29.7.0
• jest-environment-jsdom 29.7.0
• pre-commit 1.2.2
• prettier 3.3.1
• react 18.3.1
• react-dom 18.3.1
• rimraf 5.0.7
• rollup 4.18.0
• rollup-plugin-typescript2 0.36.0
• ts-jest 29.1.4
• tslib 2.6.3
• typescript 5.4.5

---

• Check this box to trigger a request for Renovate to run again on this repository

[Codebase]: GitHub workflow to publish tags to NPM

Description

Right now, new versios are published manually using npm publish command. Maybe a workflow could automate this, when pushing tags. See https://github.com/marketplace/actions/publish-to-npm or try to implement manually using npm commands alone.

Are you willing to contribute it?

• I can work on a pull request to implement this improvement

[Codebase]: Update README with React 18 example

Description

The quick start section should be updated using React 18, see https://react.dev/blog/2022/03/08/react-18-upgrade-guide.

Are you willing to contribute it?

• I can work on a pull request to implement this improvement

Authentication and Authorisation?

These components looks really interesting and I have been looking for an easy way of integrating React with Directus.
My question would be: Would these components support API calls to React where authentication and authorisation is necessary? If so, wouldn't the API key be exposed?

[Feature]:Custom Hooks with @tanstack/react-query for Directus Data Fetching and Mutations

Description

I would like to propose a new feature for the project - the implementation of custom hooks using @tanstack/react-query. This library provides powerful features for request caching, persistent data caching (particularly useful for React Native apps with offline mode), local data mutations, and more.

By integrating @tanstack/react-query with the project, we can create custom hooks for fetching and mutating data via the Directus REST API. This would offer various benefits such as improved performance, data caching, and seamless offline support.

Before proceeding with this enhancement, I wanted to discuss and gather feedback on the potential impact of adding a relatively large library as a dependency.

One of the main use cases for these custom hooks is to develop an unopinionated react-directus-datatable Component, which includes common features like sorting, filtering, editing lines, selecting lines, and more. These features will have direct bindings to Directus, providing a seamless integration experience.

Please share your thoughts on this feature proposal, and I look forward to your valuable feedback.

Thank you for considering this request, and I'm excited about the potential improvements this could bring to the project!

Suggested solution

No response

Are you willing to contribute it?

• I can work on a pull request to implement this feature