<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Orwa Mahmoud</title>
    <description>The latest articles on DEV Community by Orwa Mahmoud (@orwamahmoud).</description>
    <link>https://dev.to/orwamahmoud</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4014610%2Fd1dc4c5c-ff84-4ec2-9a16-743c7759074d.jpg</url>
      <title>DEV Community: Orwa Mahmoud</title>
      <link>https://dev.to/orwamahmoud</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/orwamahmoud"/>
    <language>en</language>
    <item>
      <title>Why Claude Code Stops Halfway Through Long Tasks—and the Harness I Built to Keep It Moving</title>
      <dc:creator>Orwa Mahmoud</dc:creator>
      <pubDate>Tue, 28 Jul 2026 17:08:23 +0000</pubDate>
      <link>https://dev.to/orwamahmoud/why-claude-code-stops-halfway-through-long-tasks-and-the-harness-i-built-to-keep-it-moving-532o</link>
      <guid>https://dev.to/orwamahmoud/why-claude-code-stops-halfway-through-long-tasks-and-the-harness-i-built-to-keep-it-moving-532o</guid>
      <description>&lt;p&gt;I kept giving Claude Code long task lists, stepping away, and coming back to find it had completed the easy parts and stopped before the difficult ones.&lt;/p&gt;

&lt;p&gt;Sometimes it was worse.&lt;/p&gt;

&lt;p&gt;Claude would work until 2 AM, ask one non-critical question, and then sit idle for six hours until I woke up at 8.&lt;/p&gt;

&lt;p&gt;The question was usually reasonable, but it was not truly blocking. Claude could have chosen a safe default, continued working, and left the decision for me to review later.&lt;/p&gt;

&lt;p&gt;That is a harness problem, not only a model problem. The layer around the agent loop decides what “done” means, when the run may stop, and what happens when human input is unavailable.&lt;/p&gt;

&lt;p&gt;That problem led me to create &lt;strong&gt;Nightshift&lt;/strong&gt;, an open-source reliability harness plugin for long unattended Claude Code sessions.&lt;/p&gt;

&lt;h2&gt;
  
  
  Keeping the task outside the conversation
&lt;/h2&gt;

&lt;p&gt;Nightshift uses a persistent Markdown punch list as the source of truth.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gh"&gt;# Nightshift Punch List&lt;/span&gt;
&lt;span class="p"&gt;
-&lt;/span&gt; [ ] Add rate limiting
&lt;span class="p"&gt;-&lt;/span&gt; [ ] Add tests for failed login attempts
&lt;span class="p"&gt;-&lt;/span&gt; [ ] Update the API documentation
&lt;span class="p"&gt;-&lt;/span&gt; [ ] Run the full test suite
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Claude works through the list one item at a time.&lt;/p&gt;

&lt;p&gt;Because the work is stored in a file rather than only inside the current context window, the session can recover after context compaction, interruption, or restart.&lt;/p&gt;

&lt;h2&gt;
  
  
  Preventing quiet early exits
&lt;/h2&gt;

&lt;p&gt;Nightshift includes a stop hook that checks the punch list whenever Claude tries to finish.&lt;/p&gt;

&lt;p&gt;If unchecked items remain, the normal stop is blocked and Claude is instructed to continue.&lt;/p&gt;

&lt;p&gt;The shift ends only when:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;every item is completed&lt;/li&gt;
&lt;li&gt;the deadline is reached&lt;/li&gt;
&lt;li&gt;an optional stall limit is reached&lt;/li&gt;
&lt;li&gt;or the owner explicitly stops it&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If no stall limit is configured, stalled work stays held and visibly flagged rather than quietly clocking out.&lt;/p&gt;

&lt;p&gt;This is stronger than simply prompting Claude to “continue until finished” because the completion condition is checked against persistent state.&lt;/p&gt;

&lt;h2&gt;
  
  
  Non-blocking questions should not stop the night
&lt;/h2&gt;

&lt;p&gt;Most human-in-the-loop systems pause the agent whenever it has a question.&lt;/p&gt;

&lt;p&gt;That makes sense for destructive or high-risk decisions. It does not make sense for every naming choice, implementation preference, or reversible decision.&lt;/p&gt;

&lt;p&gt;During a Nightshift session, non-blocking questions are parked with the default Claude chose.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gu"&gt;## Parking Lot&lt;/span&gt;
&lt;span class="p"&gt;
-&lt;/span&gt; Question: Should the endpoint return 200 or 201?
&lt;span class="p"&gt;-&lt;/span&gt; Default used: 201, matching the existing creation endpoints.
&lt;span class="p"&gt;-&lt;/span&gt; Review later: Confirm API consistency.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Claude continues working, and the developer reviews those decisions in the morning.&lt;/p&gt;

&lt;p&gt;The goal is not to remove human oversight. It is to make some of that oversight asynchronous instead of forcing the whole session to wait.&lt;/p&gt;

&lt;h2&gt;
  
  
  Guardrails for unattended work
&lt;/h2&gt;

&lt;p&gt;Long-running autonomy needs clear boundaries.&lt;/p&gt;

&lt;p&gt;Nightshift can mechanically enforce restrictions such as:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;blocking &lt;code&gt;git push&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;denying dangerous commands&lt;/li&gt;
&lt;li&gt;protecting selected directories&lt;/li&gt;
&lt;li&gt;checking diffs for secret-like content&lt;/li&gt;
&lt;li&gt;enforcing a specific Git identity&lt;/li&gt;
&lt;li&gt;preventing non-blocking questions from pausing the shift&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;A prompt saying “do not push” is helpful.&lt;/p&gt;

&lt;p&gt;A hook that rejects &lt;code&gt;git push&lt;/code&gt; is stronger.&lt;/p&gt;

&lt;p&gt;These guardrails are not a security sandbox, but they reduce the risk of relying only on the model to remember every instruction.&lt;/p&gt;

&lt;h2&gt;
  
  
  Verification before completion
&lt;/h2&gt;

&lt;p&gt;A checked box is still a claim made by the agent.&lt;/p&gt;

&lt;p&gt;Nightshift cannot guarantee that the implementation is correct or replace code review. What it can do is enforce a more disciplined workflow:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;implement the change&lt;/li&gt;
&lt;li&gt;run the relevant verification&lt;/li&gt;
&lt;li&gt;inspect the result&lt;/li&gt;
&lt;li&gt;commit the completed item&lt;/li&gt;
&lt;li&gt;mark the checkbox complete&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Verification can include commands such as:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm &lt;span class="nb"&gt;test
&lt;/span&gt;npm run lint
npm run typecheck
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Nightshift also encourages one commit per completed item, making the run easier to inspect or partially revert.&lt;/p&gt;

&lt;h2&gt;
  
  
  Resumability and receipts
&lt;/h2&gt;

&lt;p&gt;Nightshift stores operational state inside &lt;code&gt;.nightshift/&lt;/code&gt;, including punch lists, parked questions, logs, deadlines, stop signals, and completion snapshots.&lt;/p&gt;

&lt;p&gt;This state can have its own local Git history, separate from the main project repository.&lt;/p&gt;

&lt;p&gt;That gives the developer two different records:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;project commits showing what changed&lt;/li&gt;
&lt;li&gt;Nightshift receipts showing what happened during the run&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If the session is interrupted, a new session can inspect the same state and continue from the remaining work.&lt;/p&gt;

&lt;h2&gt;
  
  
  What Nightshift does not solve
&lt;/h2&gt;

&lt;p&gt;Nightshift does not eliminate hallucinations.&lt;/p&gt;

&lt;p&gt;It does not guarantee that:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;every completed item is actually correct&lt;/li&gt;
&lt;li&gt;tests cover every requirement&lt;/li&gt;
&lt;li&gt;every chosen default is good&lt;/li&gt;
&lt;li&gt;every unsafe command will be detected&lt;/li&gt;
&lt;li&gt;a poorly written task list will produce a good result&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It adds persistence, constraints, verification habits, resumability, and visibility around Claude Code.&lt;/p&gt;

&lt;p&gt;Human review is still required.&lt;/p&gt;

&lt;h2&gt;
  
  
  Installation
&lt;/h2&gt;

&lt;p&gt;Inside Claude Code:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;/plugin marketplace add orwa-mahmoud/claude-nightshift
/plugin install nightshift
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Then initialize it inside your project:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;/nightshift:setup
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Review the generated punch list and start the shift:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;/nightshift:start
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Overview and FAQ:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://orwamahmoud.com/nightshift/" rel="noopener noreferrer"&gt;https://orwamahmoud.com/nightshift/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Nightshift is free, open source, and MIT licensed.&lt;/p&gt;

&lt;p&gt;Contributions, issues, and feedback are welcome:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/orwa-mahmoud/claude-nightshift" rel="noopener noreferrer"&gt;https://github.com/orwa-mahmoud/claude-nightshift&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>opensource</category>
      <category>claude</category>
      <category>devtools</category>
    </item>
    <item>
      <title>One headless table engine, every React UI kit</title>
      <dc:creator>Orwa Mahmoud</dc:creator>
      <pubDate>Sat, 04 Jul 2026 08:06:43 +0000</pubDate>
      <link>https://dev.to/orwamahmoud/one-headless-table-engine-every-react-ui-kit-2dm4</link>
      <guid>https://dev.to/orwamahmoud/one-headless-table-engine-every-react-ui-kit-2dm4</guid>
      <description>&lt;p&gt;Every React project reaches for a data table eventually, and the choice always feels like a trap:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Reach for &lt;strong&gt;ag-Grid&lt;/strong&gt; or &lt;strong&gt;MUI X DataGrid&lt;/strong&gt; and you get power — but their look, their DOM, and (for the good features) their license.&lt;/li&gt;
&lt;li&gt;Reach for &lt;strong&gt;TanStack Table&lt;/strong&gt; and you get total freedom — but now &lt;em&gt;you&lt;/em&gt; build every cell, header, filter, and pagination control from scratch.&lt;/li&gt;
&lt;li&gt;Reach for a kit-specific table (Mantine, Chakra, Ant) and you're locked to that one kit, re-learning a new API each time.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I wanted one table that renders &lt;strong&gt;natively&lt;/strong&gt; in whatever UI kit a project already uses, with the same features everywhere, and a headless escape hatch when the defaults aren't enough. So I built &lt;strong&gt;AdaptTable&lt;/strong&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  One API, real native components
&lt;/h2&gt;

&lt;p&gt;The whole table is five lines:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight tsx"&gt;&lt;code&gt;&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;DataTable&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;useFrontendData&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="kd"&gt;type&lt;/span&gt; &lt;span class="nx"&gt;ColumnDef&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;@adapttable/mantine&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;columns&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;ColumnDef&lt;/span&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nx"&gt;Person&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;&lt;span class="p"&gt;[]&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;
  &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="na"&gt;key&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;name&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="na"&gt;header&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Name&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="na"&gt;accessor&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;r&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="nx"&gt;r&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;name&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="na"&gt;sortable&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt; &lt;span class="p"&gt;},&lt;/span&gt;
  &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="na"&gt;key&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;email&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="na"&gt;header&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Email&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="na"&gt;accessor&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;r&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="nx"&gt;r&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;email&lt;/span&gt; &lt;span class="p"&gt;},&lt;/span&gt;
&lt;span class="p"&gt;];&lt;/span&gt;

&lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;People&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="nx"&gt;rows&lt;/span&gt; &lt;span class="p"&gt;}:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nl"&gt;rows&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;Person&lt;/span&gt;&lt;span class="p"&gt;[]&lt;/span&gt; &lt;span class="p"&gt;})&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;source&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;useFrontendData&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="na"&gt;data&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;rows&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;columns&lt;/span&gt; &lt;span class="p"&gt;});&lt;/span&gt;
  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;DataTable&lt;/span&gt; &lt;span class="na"&gt;source&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;source&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt; &lt;span class="na"&gt;columns&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;columns&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt; &lt;span class="na"&gt;rowKey&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;r&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="nx"&gt;r&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;id&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt; &lt;span class="p"&gt;/&amp;gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Swap the import for &lt;code&gt;@adapttable/mui&lt;/code&gt;, &lt;code&gt;@adapttable/chakra&lt;/code&gt;, &lt;code&gt;@adapttable/antd&lt;/code&gt;, &lt;code&gt;@adapttable/radix&lt;/code&gt;, &lt;code&gt;@adapttable/shadcn&lt;/code&gt;, or &lt;code&gt;@adapttable/unstyled&lt;/code&gt; — same props, different kit.&lt;/p&gt;

&lt;p&gt;The key part: it is &lt;strong&gt;not&lt;/strong&gt; a wrapper that looks the same everywhere. Each adapter renders that kit's &lt;em&gt;actual&lt;/em&gt; components — MUI gets Material elevation, Ant gets Ant's compact density, Chakra gets Chakra's tokens. Same behavior, native skin. Flip the switcher in the live demo and watch one dataset re-render through each kit: &lt;a href="https://orwa-mahmoud.github.io/adapttable/demo/" rel="noopener noreferrer"&gt;https://orwa-mahmoud.github.io/adapttable/demo/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Filters and state that live in the URL
&lt;/h2&gt;

&lt;p&gt;My favorite part: open the filter drawer, set a status and a date range, copy the link — whoever opens it sees the exact same view. Search, filters, sort, and page all serialize into query params (&lt;code&gt;q&lt;/code&gt;, &lt;code&gt;page&lt;/code&gt;, &lt;code&gt;f_status&lt;/code&gt;, …), so every view is refresh-safe, back/forward-safe, and shareable. No &lt;code&gt;useState&lt;/code&gt; juggling, no wiring: declare the filters and the URL sync comes with them, identically for client-side data and server-side fetching (there's a router adapter for Next.js and react-router).&lt;/p&gt;

&lt;h2&gt;
  
  
  What you get for free
&lt;/h2&gt;

&lt;p&gt;Write it once, get all of it across every adapter:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Sorting, filtering (with removable chips), global search&lt;/li&gt;
&lt;li&gt;Row selection + bulk actions&lt;/li&gt;
&lt;li&gt;Column management — show/hide, reorder, pin (sticky), resize&lt;/li&gt;
&lt;li&gt;Pagination — numbered or infinite scroll, auto by device&lt;/li&gt;
&lt;li&gt;Shareable URL state + saved views&lt;/li&gt;
&lt;li&gt;First-class RTL / Arabic and dark mode&lt;/li&gt;
&lt;li&gt;Optional virtualization — a 10k-row list mounts ~24 DOM rows&lt;/li&gt;
&lt;li&gt;Client-side data &lt;em&gt;and&lt;/em&gt; server-side (you supply the fetch) through one contract&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Headless when you need it
&lt;/h2&gt;

&lt;p&gt;Under every adapter is &lt;code&gt;@adapttable/core&lt;/code&gt; — a headless engine with prop-getters (&lt;code&gt;getTableProps&lt;/code&gt;, &lt;code&gt;getRowProps&lt;/code&gt;, …). If the batteries-included adapter isn't enough, drop down and render your own markup on the same engine. You never hit a wall.&lt;/p&gt;

&lt;h2&gt;
  
  
  What it's not
&lt;/h2&gt;

&lt;p&gt;No pivoting, grouping, or Excel-style editing — this is for the CRUD tables most apps ship, not analytics grids. If you need those, ag-Grid is the right tool.&lt;/p&gt;

&lt;h2&gt;
  
  
  Try it
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Try it in your browser (no install): &lt;a href="https://stackblitz.com/github/orwa-mahmoud/adapttable/tree/main/starters/mantine" rel="noopener noreferrer"&gt;https://stackblitz.com/github/orwa-mahmoud/adapttable/tree/main/starters/mantine&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Live demo (flip the kit switcher): &lt;a href="https://orwa-mahmoud.github.io/adapttable/demo/" rel="noopener noreferrer"&gt;https://orwa-mahmoud.github.io/adapttable/demo/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Docs: &lt;a href="https://orwa-mahmoud.github.io/adapttable/" rel="noopener noreferrer"&gt;https://orwa-mahmoud.github.io/adapttable/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;&lt;code&gt;npx @adapttable/cli init&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;MIT, stable v1 (1.1 just brought every adapter to full feature parity): &lt;a href="https://github.com/orwa-mahmoud/adapttable" rel="noopener noreferrer"&gt;https://github.com/orwa-mahmoud/adapttable&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Feedback very welcome — especially whether the per-kit rendering holds up in your stack, and how the declarative API feels next to what you use today.&lt;/p&gt;

</description>
      <category>react</category>
      <category>javascript</category>
      <category>opensource</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
