react-playground
Playground to practice and hone various things around React ecosystem.
Promising List of Contents
- Dev environment setting: webpack version 4, SCSS, CSS Moudle, Autoprefixer
- Responsive grid system with CSS Grid: apply BEM
- Toast
- Fixed Navigation and Footer
- Moving & Merging Navigation(flexible navigation)
- Beautiful option selector, input, textarea
- Collapsing menu
- Customizing video player(might need a backend)
- Drag and drop like react-dnd by Dan Abramov
- Canvas play
- Play with RxJS: get soaked into Functional Reactive Programming
- Play with Next.js to support server-side rendering
- Play with React +16 functionalities: Context API, componentDidCatch, etc.
- Play with redux + redux-saga + reselect: figure out how reselect works with redux and feel the degree of optimazation
- ...name it!
Each content is managed and can be accessed by its own folder of which name is after its contents title.