https://github.com/thewidlarzgroup/multistep-form-xstate-formik

Multistep form handling | React Native, TypeScript, XState and Formik
https://github.com/thewidlarzgroup/multistep-form-xstate-formik

formik react-native state state-machine xstate

Last synced: 6 days ago
JSON representation

Multistep form handling | React Native, TypeScript, XState and Formik

• Host: GitHub
• URL: https://github.com/thewidlarzgroup/multistep-form-xstate-formik
• Owner: TheWidlarzGroup
• License: mit
• Created: 2020-03-23T10:51:54.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-07-12T14:30:53.000Z (over 1 year ago)
• Last Synced: 2023-07-12T15:32:58.464Z (over 1 year ago)
• Topics: formik, react-native, state, state-machine, xstate
• Language: TypeScript
• Homepage: https://thewidlarzgroup.com/multistep-form-xstate-formik/
• Size: 3.62 MB
• Stars: 43
• Watchers: 3
• Forks: 3
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# MULTI STEP FORM APP

## Made with React Native, XState, Formik, Yup and UI Kitten

![](./app.gif)

---

### Description

This app is a part of an article [Multistep form handling with Finite State Machines, Formik and TypeScript](https://thewidlarzgroup.com/multistep-form-xstate-formik/)

---

### Installation:

- [ ] Clone the repo

- [ ] Run `yarn` from the root

- [ ] Run `cd ios && pod install && cd ..`

- [ ] Run the metro with `yarn start`

- [ ] Open the app either in a simulator with `yarn ios` / `yarn android` or on a physical device

- [ ] Have come crazy fun :fire:

---

### Checkpoints:

- [Checkpoint #1](https://github.com/TheWidlarzGroup/multistep-form-xstate-formik/tree/project-init) - initial app setup with UI Kitten library

- [Checkpoint #2](https://github.com/TheWidlarzGroup/multistep-form-xstate-formik/tree/navigation) - after adding navigation

- [Checkpoint #3](https://github.com/TheWidlarzGroup/multistep-form-xstate-formik/tree/xstate) - after adding finite state machines

- [Checkpoint #4](https://github.com/TheWidlarzGroup/multistep-form-xstate-formik/tree/xstate-invoking) - after invoking services/child machines

- [Checkpoint #5 - Finished App](https://github.com/TheWidlarzGroup/multistep-form-xstate-formik) - finished app

---