UpStamps
Deploy faster with less risk with Feature Flag Management
With upstamps.com Target new feature releases with specific Segments of filters and rules.
Control who has access to new features with Segments and define Targets based on Users Device or Location.
🛳 Ship when you're ready
🚀 Accelerate feature release
🙈 Hide unfinished features
Useful links about UpStamps:
We updated the appearance of the UpStamps documentation, it is now easier to understand and navigate the supported integrations. Try the React, Vanilla JS and Rest API integrations at docs.upstamps.com
🛳 Ship when you're ready
🚀 Accelerate feature release
🙈 Hide unfinished features
Useful links about UpStamps:
Did you ever deploy a feature by mistake? UpStamps helps you manage your project with feature management to progressively deliver features to users with confidence.
🛳 Ship when you're ready
🚀 Accelerate feature release
🙈 Hide unfinished features
Useful links about UpStamps:
Feature branching allows developers to effectively collaborate around a central code base by keeping all changes to a specific feature in its own branch. With the addition of feature flags, feature branching becomes even more powerful and faster by separating feature release management from code deployment.
Feature flagging allows developers to take full control of their feature lifecycles without depending on code deployments. When you merge a feature branch into master (production), it is already wrapped in a feature flag. This allows you to deploy the feature “off” and then gradually roll it out to users. It also allows you to quickly “kill” the feature if it is not working well, without having to redeploy.
Therefore, feature flagging does not replace branching, it is complementary and makes it more powerful. Feature branching provides the flexibility to decide when and what to release, while feature flagging lets you take full control of the release itself. Together, branching and flagging help you maintain and integrate short-lived branches faster and with less risk.
This allows many small incremental versions of software to be delivered without the cost of constant branching and merging.
What is UpStamps?
UpStamps is a Feature Flag Management Platform to separate code from different environments and projects.
UpStamps helps teams manage their projects using feature management with a Central control to progressively deliver features to users with confidence.
🛳 Ship when you're ready
🚀 Accelerate feature release
🙈 Hide unfinished features
Useful links about UpStamps:
How Feature Flags helps reduce debt during implementation
Feature Flags are essentially variables that are used inside conditional statements. Therefore, the blocks inside these conditional statements can be toggled 'on or off' depending on the value of the feature toggles. A block of code that has been toggled 'off' is similar to it being commented out. This allows developers to control the flow of their software and bypass features that are not ready for deployment.
The main usage of feature flags is to avoid conflict that can arise when merging changes in software at the last moment before release. Although this can lead to Flag debt. Flag debt arises due to the dead code present in software after a feature has been toggled on permanently and produces overhead. This portion of the code has to be removed carefully as to not disturb other parts of the code.
What is UpStamps?
UpStamps is a Feature Flag Management Platform to separate code from different environments and projects.
UpStamps helps teams manage their projects using feature management with a Central control to progressively deliver features to users with confidence.
🛳 Ship when you're ready
🚀 Accelerate feature release
🙈 Hide unfinished features
Useful links about UpStamps:
The upstamps.com landing page itself is using the React SDK to test different types of Header Hero to see which one captures the most attention from users
What is UpStamps?
Ship faster with less risk with UpStamps Feature Flag Management Platform. Manage every feature with a central visibility and control user interface. Test and use feature management to separate code from different environments and projects.
Continuous release and continuous deployment provide developers with rapid feedback about their code. This requires the integration of their code changes as early as possible. Feature branches introduce a bypass to this process. Feature Flags are an important technique used for the implementation of continuous delivery.
Feature Flags allows developers to release a version of a product that has unfinished features. These unfinished features are hidden so they do not appear in the user interface.
React Integration
Integration with React helps and facilitates the process of testing and developing features in production and other environments. This integration consists of a set of plug-and-play components to accelerate the development process in your project.
This section walks you through installing and configuring UpStamps in your application in a React Project.
Start by installing the library following the instructions below.
Installation
First, let's install some packages!
npm install --save upstamps-react
or with yarn
yarn add upstamps-react
Create a client provider
With all the dependencies installed, let's create your UpStamps Client.
In our index.js file, let's import UpStampsProvider from upstamps-react and add the configuration params based on your UpStamps project. This params values can be found on the UpStamps Dashboard in your project's settings
import { UpStampsProvider } from "upstamps-react";
<UpStampsProvider clientId="xxx-xxx-xxx" projectKey="xxxxx" envKey="xxxxx">
<div>
<YourApp />
</div>
</UpStampsProvider>;
That's it! Now your app is ready to start using feature flags and other features. Let's start using by importing some pre-built components inside of upstamps-react.
Create your first Feature Flag
Feature flags are an excellent way to test features in production. Take advantage of different environments to hide or show your features. This can be used to facilitate the development process on project features that are not yet ready to be presented in production or even disable in real-time if any of the features in production are malfunctioning
useFlag Hook
The library support React hooks. Use useFlag for a programmatical method. There's no limit to useFlag, just change the names. See the examples.
import { useFlag } from "upstamps-react";
...
const AppComponent = () => {
const { show } = useFlag("private_msg_2");
const privateChat = useFlag("private_chat");
return (
<div>
{show && <div>This is a great feature</div>}
{privateChat.show && <div>This is a great private chat</div>}
</div>
);
};
Flag Component
The pre-built component Flag accepts a component child or children, this component inside the <Flag> wrapper only showed when the flag exists in your UpStamps Project.
Notice: The behavior of the flag can be based on the project or the environments.
import { Flag } from "upstamps-react";
...
<Flag name="private_msg_2">
<YourFeature/>
</Flag>
Conclusion
UpStamps offers a simple interface for creating flags with support for different plug-a-play SDKs for your projects.
Explore more feature in the React Integrations Docs
🛳 Ship when you're ready
🚀 Accelerate feature release
🙈 Hide unfinished features
Useful links about UpStamps:
This is very exciting for me, I was just mentioned by Hasura's official twitter page.
Hasura incredible and helped me a lot in the development process in such a short time. The migration system has helped me to have production and development environments. I'm always excited when a new version of Hasura comes out.
I used Hasura to create the GraphQL API for UpStamps. See how UpStamps can help you launch features to #production with confidence. https://www.upstamps.com
Trust and transparency are very important factors for UpStamps.
Today I present the System Status page, where I list all the services (Site, Web App, and Rest API) and their availability to acquire the trust in the service.
Another page that I present today is the Roadmap of UpStamps, see what is planned for the future of the platform.
Feature flags (also feature switch, feature flag, feature flipper, conditional feature, etc) is a technique that helps developers and teams to modify the behavior of systems without having to change the code.
Feature Flags is used to hide, enable, or disable the feature during runtime. For example, during the development process, a developer can enable the feature for testing and disable it for other users. The contents of this page are based on and taken from the following sites and articles:
Comment