React Hooks for WordPress

pnpm add @atomic-solutions/react-wordpress

import { WordPressProvider, usePosts } from '@atomic-solutions/react-wordpress'

function App() {
  return (
    <WordPressProvider baseURL="https://your-site.com/wp-json">
      <BlogList />
    </WordPressProvider>
  )
}

function BlogList() {
  const { data, isLoading } = usePosts({ per_page: 10 })
  if (isLoading) return <div>Loading…</div>
  return (
    <ul>
      {data?.data.map(post => (
        <li key={post.id}>{post.title.rendered}</li>
      ))}
    </ul>
  )
}

• usePosts, usePost, usePages, usePage — fetch content with automatic React Query caching
• useInfinitePosts — infinite scroll with fetchNextPage
• useWPAuth, useWPLogin, useWPLogout — JWT authentication flow
• Works in React 18+, React Native, and Expo
• Full TypeScript — all response shapes are typed via Zod schemas

• vs @wordpress/api-fetch: No React Query integration, no caching, no hooks. You'd wire all that yourself.
• vs Faust.js: Framework-level lock-in, GraphQL-only. This package works with the standard REST API and doesn't dictate your routing or build setup.
• vs wp-graphql + urql/apollo: REST, not GraphQL. Simpler server setup, no schema stitching required.