Skip to content

grid/jsx-components - #13

Open
sebastianbochan wants to merge 71 commits into
mainfrom
grid/jsx-components
Open

sebastianbochan wants to merge 71 commits into
mainfrom
grid/jsx-components

Conversation

@sebastianbochan

@sebastianbochan sebastianbochan commented Jun 22, 2026

Copy link
Copy Markdown
Collaborator

Added JSX-based Grid configuration.


TODO

Architecture

  • - Options as optional prop
  • - Added DOM children
  • - Options parser

Components

Pagination

Layout handling

  • - Collect and detect Grid child components
  • - Test

Header - optional

Tooling / Tests

Grid Pro

Tailwind

Docs

Demos

  • - Grid Lite with tailwind
  • - Grid Pro with tailwind

@sebastianbochan sebastianbochan self-assigned this Jun 22, 2026
@sebastianbochan sebastianbochan added the Feature New feature or request label Jun 22, 2026

@KamilKubik KamilKubik left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overall it looks and works as intendent, excellent work!

I have a few suggestions below:


// Prevent double initialization
if (initStartedRef.current || currGridRef.current) {
return;

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not related to the latest changes, but it can create a serious issue when strict mode is on. Because it then mounts twice, there's no proper cleanup (only in the dev environment). I think it would be ideal to always return the cleanup instead.

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

TBD

Comment thread packages/grid-shared-react/src/utils/getChildProps.ts
Comment thread examples/grid-lite/components-react/src/App.tsx
Comment thread packages/grid-lite-react/package.json Outdated
);
const gridOptions = useMemo(
() => build(childOptions, options),
[childOptions, options, ...buildDeps]

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I strongly recommend installing the eslint-plugin-react-hooks plugin, which should show an error here (and potentially in other places).

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No errors here, only warning. TBD.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks like this on my end 🤔.

Screenshot 2026-09-17 at 08 59 21

Comment thread packages/grid-pro-react/package.json Outdated
@sebastianbochan
sebastianbochan requested a review from stitot August 17, 2026 10:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Feature New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants