multistep-form-xstate-formik

KO | EN

gitlite — search

#hacktoberfest #ansible #ubuntu #ios #javascript #calendar #android #notifications #dotfiles #nodejs #angular #blog

multistep-form-xstate-formik

★ 46 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# MULTI STEP FORM APP

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

![](https://raw.githubusercontent.com/TheWidlarzGroup/multistep-form-xstate-formik/master/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

---

multistep-form-xstate-formik

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README