This project will help you learn how to build a modern front end application with React, Redux and Typescript. It's purpose is to help anyone starting their software development journey or Junior developers sail into the Medior seas.
What you will learn in this project:
React
Redux
Typescript
React Router
yup
Formik
Material UI
axios
eslint
This architecture template will be featured on https://infinitumcoders.com where you can find a detailed, tutorial-like, documentation for this and other projects.
🚨 Go to Infinitum Coders and subscribe to get the latest alerts for this and other featured projects. 🚨
- Setup project using
create-react-appandtsconfig.json - React's functional components with Typescript
- Configure Redux store with Redux Toolkit
- Redux actions and action creators
- Redux middlewares
- React Router for page routing
- Build forms using Formik (both with
<Formik />component and withuseFormikhook) - Use yup for form validation
- Build custom forms with multiple submit buttons
- Style components with Material UI
- Create custom data tables
- Setup services for your APIs
🚧 We will be acceptind pull requests and updating the project in the future, so please share your thoughts, suggestions and wishes on Infinitum Coders and we'll try to get those updates ASAP.
👉 If there are any Software Engineering Veterans out there looking at this, your impressions are more than welcome!
Thanks for reading and happy coding!
Some screenshots from the app:
