react-albus - React component library for building declarative multi-step flows.

  •        76

React Albus is a React component library used to build declarative multi-step journeys (also known as Wizards). You define your step content and ordering and React Albus will manage the journey-related state for you. React Albus is otherwise unopinionated and allows you to compose functionality such as routing, animation, and analytics however you see fit.

https://github.com/americanexpress/react-albus

Dependencies:

history : ^4.6.0
hoist-non-react-statics : ^2.3.1
prop-types : ^15.5.8

Tags
Implementation
License
Platform

   




Related Projects

react-translate-component - A component for React that utilizes the Counterpart module to provide multi-lingual/localized text content

  •    Javascript

Translate is a component for React that utilizes the Counterpart module and the Interpolate component to provide multi-lingual/localized text content. It allows switching locales without a page reload. Here is a quick-start tutorial to get you up and running with Translate. It's a step-by-step guide on how to build a simple app that uses the Translate component from scratch. We assume you have recent versions of Node.js and npm installed.

react-native-step-indicator - A simple react-native implementation of step indicator widget compatible with the ViewPager and ListView

  •    Javascript

A simple react-native implementation of step indicator widget compatible with the ViewPager and ListView. If you'd like to see something added or changed to this module please open a new GitHub issue. Pull requests are always welcome.

office-ui-fabric-react - React components for building experiences for Office and Office 365.

  •    TypeScript

Fabric React is a responsive, mobile-first collection of robust components designed to make it quick and simple for you to create web experiences using the Office Design Language.Here is a step by step tutorial on how to build a simple React app with an Office UI Fabric React component.

didact - A DIY guide to build your own React

  •    Javascript

This repository goes together with a series of posts that explains how to build React from scratch step by step. Didact's goal is to make React internals easier to understand by providing a simpler implementation of the same API and step-by-step instructions on how to build it. Once you understand how React works on the inside, using it will be easier.


react-native-copilot - Step-by-step walkthrough for your react native app

  •    Javascript

Optional: If you want to have the smooth SVG animation, you should install and link react-native-svg. If you are using Expo, you can skip this as Expo comes with react-native-svg. Before defining walkthrough steps for your react elements, you must make them walkthroughable. The easiest way to do that for built-in react native components, is using the walkthroughable HOC. Then you must wrap the element with CopilotStep.

react-router-native - A routing library for React Native that strives for sensible API parity with react-router 🤖

  •    Javascript

A routing library for React Native that strives for sensible API parity with react-router. React Router community decided that a reducer-based paradigm similar to that of NavigationExperimental is better suited to native navigation. Transition to a reducer-based paradigm is also being discussed for the web. On the other hand, NavigationExperimental has no intention to support a React Router-like interface and leaves the navigation state up to the developer to maintain.

react-router-component - Declarative router component for React.

  •    Javascript

React router component allows you to define routes in your React application in a declarative manner, directly as a part of your component hierarchy. Having routes defined as a part of your component hierarchy allows to dynamically reconfigure routing based on your application state. For example you can return a different set of allowed locations for anonymous and signed-in users.

react-native-billing - React Native bridge to InApp Billing on Android.

  •    Java

React Native Billing is built to provide an easy interface to InApp Billing on Android, accomplished by wrapping anjlab's InApp Billing library. With this, the linkcommand will do most of the heavy lifting for native linking. But, you will still need add your Google Play license key to the strings.xml (step 5). If you are using a React Native version less than v18.0 you will also have to do step 4.3 (override onActivityResult).

react-server-routing-example - An example using universal client/server routing and data in React with AWS DynamoDB

  •    Javascript

A simple (no compile) example of how to do universal server/browser rendering, routing and data fetching with React and AWS DynamoDB for fast page loads, and search-engine-friendly progressively-enhanced pages.Also known as isomorphic, this approach shares as much browser and server code as possible and allows single-page apps to also render on the server. All React components, as well as router.js and db.js are shared (using browserify) and data fetching needs are declared statically on each component.

electrode-native - A platform to ease integration&delivery of React Native apps in existing mobile applications

  •    TypeScript

Electrode Native is a mobile platform that streamlines the integration of React Native components into existing mobile applications. With minimal changes required to the application code base and infrastructure, Electrode Native makes it simpler to leverage React Native potential in any mobile application. We have created a step by step guide, for iOS and Android, to present some of the concepts and features of Electrode Native, through the development of a simple mobile application listing some movies.

react-native-multiple-select - Simple multi-select component for react-native

  •    Javascript

Simple multi-select component for react-native (Select2 for react-native). I've been super busy with work and other projects lately that I really don't have enough time to dedicate to this project. If you would like to maintain this project, you can drop me an email. Thanks.

modern-cljs - A series of tutorials on ClojureScript

  •    Clojure

Part II of a step by step reasoned porting of the Official React Tutorial to Reagent. Part I of a step by step reasoned porting of the Official React Tutorial to Reagent.

react-server-example - A simple example of how to do server-side rendering with React (no compilation needed)

  •    Javascript

A simple (no compile) example of how to do server-side rendering with the React library so that component code can be shared between server and browser, as well as getting fast initial page loads and search-engine-friendly pages.A more complex example with shared routing and data fetching can be found at react-server-routing-example.

reactionic - React Ionic: We are looking for a new maintainer!

  •    CSS

The easiest way to start is to download the kitchen sink demo, and run it locally (see the kitchensink README how) to try it out. There is no step 2. Just go ahead and change things to make it your own. Have a look at the guide for more detail.

redux-ui - Easy UI state management for react redux

  •    Javascript

This is powerful. Each component is reusable and can still affect UI state for parent components. Step 3: In each child component use the basic @ui() decorator; it will automatically read and write UI state to the parent component's UI key.

react-flux-concepts - Step by step building the recipe app in react & flux.

  •    HTML

Branches of this repo cover the concepts of react and flux in a hands on way

react-native-image-picker - A React Native module that allows you to use native UI to select media from the device library or directly from the camera

  •    Java

This library started as a basic bridge of the native iOS image picker, and I want to keep it that way. As such, functionality beyond what the native UIImagePickerController supports will not be supported here. Multiple image selection, more control over the crop tool, and landscape support are things missing from the native iOS functionality - not issues with my library. If you need these things, react-native-image-crop-picker might be a better choice for you. IMPORTANT NOTE: You'll still need to perform step 4 for iOS and steps 2 and 5 for Android of the manual instructions below.