![]() Preact is a front-end library for building User Interfaces (UI) just like React. The first two articles in the series were Alternatives to React: Solid JS and Alternatives to React: Inferno JS, with more to come. All the examined frameworks are like React in syntax and operation, but they may have benefits React doesn’t provide. ![]() This is a series of blog posts which will cover each aspect of a great multi-step form experience separately.Alternatives to React is a series of articles looking at different JavaScript front-end frameworks. How do we save the state of what’s already been entered into a form, either for impatient visitors or for instances where they have to leave the domain of your app temporarily? Thankfully, there are many in-browser strategies we can use, and we’ll learn about them next week. If you’ve got a long form, or if you need to take the user away from the form to log in or validate with something like OAuth, then it’s possible that your visitors won’t be able to finish and submit the whole thing in a single browser session, and will lose all of their data! With most React apps, your state will only persist for a single browser session. Next week, we’ll take a look at persistent state for multistep forms. I’ve added in some goofy emojis to make the different parts of the form extra obvious, but the transitions would be easy to miss without them: If you click the “Go to next step” button, the content will change. Let’s take a look at some demo pages, both with and without animations. Check out the best practices guidelines in the docs for a great primer on when to use animations and when to skip them.
0 Comments
Leave a Reply. |