Hi everyone this is my boilerplate/architecture project for react hook 18, i use pre-define template to speed up development process, this boilerplate has featured many things that i believe this is has best practice in react, and also this template has no vulnerability issue and also this template has build from scratch, that only install package that i really need.
Also i make my own babel, jest and webpack configuration from scratch so its easy to improve in future if we want to update/upgrade, super high performance and high scalability because its ready to use for micro-frontend services, because all of the settings from development and build settings has on my own hand. easy to tweaks for me and easy for maintenance.
- React Hook 18
- Custom Hook API
- Custom Context Data Management
- Custom App Context (Inspire Redux)
- Full Restrict TypeScript & Node Engine
- New Architecture React Hook Template
- Predefined Memoization and component cache
- Pre install React router 6
- Fast webpack 5 build
- Customize webpack bundle and build
- Custom babel setting
- Predefined eslint settings
- Predefined error general and loading general component
- Pre-configure Jest Testing & RTL
- Pre-configure commitlint & Husky
- Pre-configure eslint, prettier, tsconfig, npmrc.
- Stable node in LTS/gallium
- Support Micro-Frontend ecosystem.
- Pre-configure script for multiple environment.
- and much more
- Loading General
- Error Boundary General
- Lazy Image Component
- Animation (Fade, Slide, Rotate), Normalize, Flexbox, Sass
- UseStorage, UseApi, UseSession, UseStateCallback, UseLog
just pull this project run the react, and required node 16.18 LTS/gallium and yarn >= 1.20.0 installed on you machine.
- yarn install
- yarn dev:stag
don't heistate if to reach me if you have any idea to improve this boilerplate... ☕️