Feature flags in React apps for FREE

Subscribe for more content like this: https://lwj.dev/newsletter — If you want to ship quickly and be confident that customers actually want the new features you’re building, feature flags are a must-have in your dev toolbox. In this tutorial, learn how to launch a new feature behind feature flags using DevCycle. - Read the written version: https://lwj.dev/blog/feature-flags-react-devcycle - Source code: https://github.com/learnwithjason/feature-flag-devcycle - Demo: https://feature-flag-devcycle.netlify.app/ Huge thanks to DevCycle for sponsoring this video! We'll be using their free tier for this tutorial build. You can get your account and learn more at https://devcycle.com. Resources: - https://devcycle.com - https://clerk.dev - https://vitejs.dev Chapters:- 00:00 - What we'll build 00:30 - The tension that keeps us from shipping 00:39 - Skit: the launch meeting 01:10 - What are feature flags? 01:44 - DevCycle makes feature flags easier 01:58 - Set up the dev environment 02:42 - Create a DevCycle account 03:02 - Get credentials 03:31 - Create a feature flag 04:13 - Only show the feature to a percentage of users 04:39 - Add the DevCycle provider to the React app 05:58 - Delay rendering until DevCycle has loaded 06:31 - Evaluate the feature flag in React 07:30 - Target individual users for development 08:29 - How to target groups of users 08:47 - Only show a banner if the feature flag is true 09:16 - Use feature flags with React Router 10:04 - Testing the variation on and off 10:35 - Recap and next steps