skills.rest
JKKN-Institutions
JKKN-InstitutionsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

institution-filter

Filter data by institution across JKKN COE pages using React hooks.

Updated Mar 17, 2026
Search Tags:#multi-tenant#react#hooks#data-filtering#jkkn#institution-filter
One-click install
npx skills add https://github.com/JKKN-Institutions/rr_builders_roja --skill institution-filter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: institution-filter
Source: https://github.com/JKKN-Institutions/rr_builders_roja/tree/main/.claude/skills/institution-filter
Command: npx skills add https://github.com/JKKN-Institutions/rr_builders_roja --skill institution-filter

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Multi-tenant data visibility on JKKN COE pages by applying institution-based filters and UI patterns to lists, forms, and integrations.

Core Features & Use Cases

  • Reusable hooks to filter lists by institution (useInstitutionFilter)
  • Show/hide institution fields in forms and conditional columns in tables
  • MyJKKN integration with client-side filtering using myjkkn_institution_ids
  • Supported by additional hooks for forms and data fetching (useInstitutionField, useMyJKKNInstitutionFilter)

Quick Start

Integrate the institution-filter hooks on your page to filter data by the current institution and auto-fill institute fields during creation.

Frequently Asked Questions about institution-filter

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I filter data by institution for multi-tenant visibility in React?▼

Filtering data by institution in React uses reusable hooks like useInstitutionFilter to enforce multi-tenant visibility on index pages. This limits displayed records to only those matching the currently selected institution context.

How do I auto-fill institution fields in React forms?▼

Auto-filling institution fields in React forms is handled by the useInstitutionField hook. It manages form field visibility and automatically populates institution data during record creation.

How does client-side data filtering work with MyJKKN integration?▼

Client-side data filtering with MyJKKN integration uses the useMyJKKNInstitutionFilter hook. It filters records locally using myjkkn_institution_ids to restrict data visibility to authorized institutions.

Can I conditionally show or hide institution columns in React tables?▼

Conditional column visibility in React tables is supported through institution filtering patterns. The hooks manage which institution-specific columns appear based on the current multi-tenant context.

Do I need specific dependencies to implement institution-based filtering?▼

No external dependencies are required to implement institution-based filtering. The Skill provides self-contained React hooks for filtering lists, managing form fields, and integrating MyJKKN visibility patterns.

When should I apply multi-tenant visibility patterns to page data?▼

Multi-tenant visibility patterns should be applied to index pages, add and edit forms, and MyJKKN integrations where data must be restricted to the selected institution to maintain proper data isolation.

Related Skills

Explore More Software Engineering Skills→
Jicate-SolutionsJicate-Solutions

institution-filter

Filter data, UI elements, and API calls by institution IDs in multi-tenant applications.

Official
Advanced
burakdmirburakdmir
13

ABP Framework — Multi-Tenancy

Configure ABP Framework multi-tenancy with tenant resolution and data filtering.

Community
Intermediate
djankiesdjankies

using-reducers

Manage complex React 19 state with useReducer and dispatched actions.

Community
Advanced
theeabrarrrtheeabrarrr

rls-security-enforcer

Enforce RLS policies with tenant_id guards across database and application layers.

Community
Advanced