saga-feature-flow

Open source MIT JavaScript

GitHub

Stars

Forks

Issues

Watchers

3 years

Last Commit

Web Development Feature Flags

About saga-feature-flow

Saga Feature Flow is a React and Redux Saga example application that demonstrates a login and register workflow with LaunchDarkly feature flags. Based on Juan Soto's saga-login-flow, it shows how feature flags can be integrated into a single-page app's user interface and authentication flow. The homepage renders different content based on a feature flag value, and the navbar changes color according to the header-bar-color flag. Authentication is mocked using fakeRequest and fakeServer utilities that simulate HTTP responses and store user credentials in local storage with bcrypt-encrypted passwords. The app serves as a practical reference for developers building feature-flagged React applications with Redux Saga.

Platforms

Web Self-hosted

Languages

JavaScript

Links

Source Code

Published by

launchdarkly

Visit View Profile

README.md

View on GitHub

Saga Feature Flow

A login/register flow built with React & Redux Saga

This application demonstrates what a React-based register/login workflow might look like with LaunchDarkly feature flags

It's based on Juan Soto's saga-login-flow.

Feature Flags

Feature flags are served using LaunchDarkly. The homepage will display content depending on the value returned by our feature flag. Also, the navbar will change color based on the value of the header-bar-color feature flag.

Authentication

Authentication happens in app/auth/index.js, using fakeRequest.js and fakeServer.js. fakeRequest is a fake XMLHttpRequest wrapper. fakeServer responds to the fake HTTP requests and pretends to be a real server, storing the current users in local storage with the passwords encrypted using bcrypt.

Thanks

Juan Soto for Saga Login flow
Max Stoiber for the Login Flow idea.
Yassine Elouafi for Redux Saga. Awesome!