build: add & setup growthbook

.github/workflows/release-please.yml

@@ -0,0 +1,8 @@
+on:
+  push:
+    branches: [main]
+
+jobs:
+  call-release-please:
+    uses: pure-js/reusable-workflows/.github/workflows/release-please.yml@main
+    secrets: inherit

app/growthbook.ts

@@ -0,0 +1,15 @@
+import { GrowthBook } from '@growthbook/growthbook-react';
+
+export const growthbook = new GrowthBook({
+  apiHost: 'https://cdn.growthbook.io',
+  clientKey: 'sdk-NTekJ6Q3mZPZungM',
+  enableDevMode: true,
+  subscribeToChanges: true,
+  trackingCallback: (experiment, result) => {
+    // TODO: Use your real analytics tracking system
+    console.log('Viewed Experiment', {
+      experimentId: experiment.key,
+      variationId: result.key,
+    });
+  },
+});

app/providers.tsx

@@ -1,13 +1,22 @@
 'use client';
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { GrowthBookProvider } from '@growthbook/growthbook-react';
+
+import { growthbook } from './growthbook';
 
 type ProvidersProps = React.PropsWithChildren<{}>;
 
 export default function Providers({ children }: ProvidersProps) {
   const [queryClient] = useState(() => new QueryClient());
 
+  useEffect(() => {
+    growthbook.loadFeatures();
+  }, []);
+
   return (
-    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+    <GrowthBookProvider growthbook={growthbook}>
+      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+    </GrowthBookProvider>
   );
 }

components/hello-world/hello-world.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { HelloWorld } from './hello-world';
 
 const meta = {
-  title: 'Example/Header',
+  title: 'Hello World',
   component: HelloWorld,
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: ['autodocs'],

package.json

@@ -1,7 +1,6 @@
 {
   "name": "react-hello-world-enterprise-edition",
   "version": "0.1.0",
-  "private": true,
   "scripts": {
     "dev": "next dev",
     "build": "next build",
@@ -11,6 +10,7 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
+    "@growthbook/growthbook-react": "0.18.0",
     "@tanstack/react-query": "4.35.3",
     "@types/react": "18.2.21",
     "@types/react-dom": "18.2.7",