Small projects created on my way to React nirvana
The files are public domain - unless there is a different note (by their respective authors) in the videos or files.
appbar-drawer display a temporary drawer on the left side:
localize-bundle use a Vite plugin to generate localized bundles:
bottom-drawer display a bottom drawer:
login-logout display games only for logged in users:
permanent-drawer display a permanent drawer on the left side:
router-nav-drawer asked at Stackoverflow How to use MUI Drawer in a separate .jsx file with BrowserRouter?:
name-in-context pass data via Context API:
react-admin based on the tutorial Build a COMPLETE React Admin Dashboard App | React, Material UI, Data Grid, Light & Dark Mode:
resize-observer-pixi maintain 1:1 aspect ratio of a PixiJS app:
responsive-master-detail asked at Stackoverflow How to create a responsive master detail app using React Router?
master-detail-pixi same as above, but with PixiJS bunnies:
Same layout as a static web page:
react-pixi-drag PixiJS app with draggable rectangles:
responsive-mui based on the tutorial Material UI 5 (MUI) React Tutorial | MUI Responsive Real Project:
set-title creating a custom effect:
left-drawer display a drawer on the left side:
router-1 an example with React Router:
top-grid display JSON data in a MUI X Data Grid:
top-table display JSON data in a MUI Table with expandable rows:
word-search search for a word using MUI TextField: