I just built a very little react app for a technical interview. I come from a solid Angular background, the last time I wrote a react component was back in 2017. So, I've made my best effort to write this app in a clean, solid and consistent architecture.
I would like to receive some feedback from you. Best practices, anti-patterns, code styling, architecture, S.O.L.I.D., component composition... everything is welcome! Could give it a check? :)
sebastiandg7 / tf-react-coding-test
React coding test - Use of Nx workspaces, hooks, ref forwarding, lazy loading, dynamic redux modules, formik, yup, react-input-mask
Welcome to tf-react-coding-test 👋
react coding challenge
🏠 Homepage
✨ Demo - Also hosted in surge.sh (over HTTP, API calls will work)
Usage
Install
npm install
Serve
npm start react-coding-test
Dependency graph
npm run dep-graph
Used libs & techniques
- Nx: workspace & dev tools
- standard-version: automatic versioning & changelog generation
- Lazy loading: lazy load application features
- Redux Dynamic Modules: modular Redux state management loaded on demand
- Faker.js: fake data generation
- Formik: forms handling
- Yup: data validation
- destyle.css: CSS reset
Workspace setup
You can find all the generated code script under ./tools/workspace-setup.sh
(suitable for worksapce architecture replication)
Author
- Twitter: @sebastiandg7
- Github: @sebastiandg7
- LinkedIn: @sebastianduqueg
🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check issues page.
Show your support
Give a
This README was generated with
Thank you!
PD: CSS is not my best strength (currently working on getting better at it!)
Stay home, stay safe and wash your hands regularly.
Top comments (0)