File tree Expand file tree Collapse file tree
src/pages/blog/2025-06-01-graphiql-4 Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -56,7 +56,32 @@ transition for everyone, I've broken it down into several incremental releases:
5656 GitHub] ( https://github.com/graphql/graphiql/issues/3874 ) .
5757</Callout >
5858
59- ## How to Update
59+ ## What's New
60+
61+ GraphiQL 4 serves as a gateway to the upcoming GraphiQL 5, which will be powered
62+ by the Monaco editor, the same editor used in VSCode. Upgrading to GraphiQL 4 is
63+ an essential step if you're already using React 19.
64+
65+ We've extracted ** Doc Explorer** and ** History** into standalone plugins,
66+ allowing full customization of GraphiQL's built-in plugins in the ** GraphiQL
67+ 5** .
68+
69+ Under the hood, we've replaced React context with zustand, making the internal
70+ state management simpler and more maintainable, and enabling faster iteration on
71+ new features.
72+
73+ ### Time to Say Goodbye to UMD Builds!
74+
75+ With React 19,
76+ [ UMD builds have been removed] ( https://react.dev/blog/2024/04/25/react-19-upgrade-guide#umd-builds-removed ) .
77+ The React team now recommends using ESM-based CDNs like
78+ [ esm.sh] ( https://esm.sh ) .
79+
80+ We've updated the
81+ [ CDN example] ( https://github.com/graphql/graphiql/tree/main/examples/graphiql-cdn )
82+ to show how to use GraphiQL with [ esm.sh] ( https://esm.sh ) .
83+
84+ ### How to Update
6085
6186Follow the step-by-step guide in our
6287[ GraphiQL 4 migration documentation] ( https://github.com/graphql/graphiql/blob/main/docs/migration/graphiql-4.0.0.md ) .
You can’t perform that action at this time.
0 commit comments