├── .eslintrc.cjs ├── .gitignore ├── README.md ├── index.html ├── package.json ├── postcss.config.js ├── public ├── screen.png └── vite.svg ├── src ├── App.jsx ├── components │ ├── Header.jsx │ ├── HomePage.jsx │ ├── actionExample1 │ │ └── Posts.jsx │ ├── actionExample2 │ │ └── ShoppingCart.jsx │ ├── useExample1 │ │ ├── Joke.jsx │ │ └── JokeUseEffect.jsx │ ├── useExample2 │ │ ├── Posts.jsx │ │ └── PostsUseEffect.jsx │ ├── useExample3 │ │ └── Message.jsx │ ├── useExampleContext │ │ └── Theme.jsx │ ├── useFormStateExample │ │ └── AddToCartForm.jsx │ ├── useFormStatusExample │ │ └── Posts.jsx │ ├── useOptimisticExample │ │ └── Message.jsx │ └── useTransitionExample │ │ ├── Tab1.jsx │ │ ├── Tab2.jsx │ │ ├── Tab3.jsx │ │ ├── TabButton.jsx │ │ └── Tabs.jsx ├── index.css ├── layouts │ └── MainLayout.jsx └── main.jsx ├── tailwind.config.js └── vite.config.js /.eslintrc.cjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/.eslintrc.cjs -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/.gitignore -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/README.md -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/index.html -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/package.json -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/postcss.config.js -------------------------------------------------------------------------------- /public/screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/public/screen.png -------------------------------------------------------------------------------- /public/vite.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/public/vite.svg -------------------------------------------------------------------------------- /src/App.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/App.jsx -------------------------------------------------------------------------------- /src/components/Header.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/Header.jsx -------------------------------------------------------------------------------- /src/components/HomePage.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/HomePage.jsx -------------------------------------------------------------------------------- /src/components/actionExample1/Posts.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/actionExample1/Posts.jsx -------------------------------------------------------------------------------- /src/components/actionExample2/ShoppingCart.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/actionExample2/ShoppingCart.jsx -------------------------------------------------------------------------------- /src/components/useExample1/Joke.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/useExample1/Joke.jsx -------------------------------------------------------------------------------- /src/components/useExample1/JokeUseEffect.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/useExample1/JokeUseEffect.jsx -------------------------------------------------------------------------------- /src/components/useExample2/Posts.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/useExample2/Posts.jsx -------------------------------------------------------------------------------- /src/components/useExample2/PostsUseEffect.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/useExample2/PostsUseEffect.jsx -------------------------------------------------------------------------------- /src/components/useExample3/Message.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/useExample3/Message.jsx -------------------------------------------------------------------------------- /src/components/useExampleContext/Theme.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/useExampleContext/Theme.jsx -------------------------------------------------------------------------------- /src/components/useFormStateExample/AddToCartForm.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/useFormStateExample/AddToCartForm.jsx -------------------------------------------------------------------------------- /src/components/useFormStatusExample/Posts.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/useFormStatusExample/Posts.jsx -------------------------------------------------------------------------------- /src/components/useOptimisticExample/Message.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/useOptimisticExample/Message.jsx -------------------------------------------------------------------------------- /src/components/useTransitionExample/Tab1.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/useTransitionExample/Tab1.jsx -------------------------------------------------------------------------------- /src/components/useTransitionExample/Tab2.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/useTransitionExample/Tab2.jsx -------------------------------------------------------------------------------- /src/components/useTransitionExample/Tab3.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/useTransitionExample/Tab3.jsx -------------------------------------------------------------------------------- /src/components/useTransitionExample/TabButton.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/useTransitionExample/TabButton.jsx -------------------------------------------------------------------------------- /src/components/useTransitionExample/Tabs.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/components/useTransitionExample/Tabs.jsx -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/index.css -------------------------------------------------------------------------------- /src/layouts/MainLayout.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/layouts/MainLayout.jsx -------------------------------------------------------------------------------- /src/main.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/src/main.jsx -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/tailwind.config.js -------------------------------------------------------------------------------- /vite.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bradtraversy/react-19-playground/HEAD/vite.config.js --------------------------------------------------------------------------------